The Icon Box shortcode [gp_icon_box ], can be used to create service boxes, text boxes, etc like the one shown below:

2014-10-14_214624

Attributes

This shortcode takes the following attributes. Please note that you don’t have to specify all attributes, only the ones that are needed to achieve the result you require.

Part 1: Icon Attributes
  1. icon : The name of the icon. Here’s the list of all icons included with the GeoPress360 theme and their names.
    Example:
    [gp_icon_box icon="icon-camera-1"]
  2. icon_style: Acceptable values: “none” | “square” | “circle”.
    The shape of the icon
    Example:
    [gp_icon_box icon="icon-camera-1" icon_style="square"]
  3. icon_corners: Acceptable values: “rounded” | “square”.
    If you chose the option “square” for icon_style, here you can specify if the corners will be rounded.
    Example:
    [gp_icon_box icon="icon-camera-1" icon_style="square" icon_corners="rounded"]
  4. icon_color: Acceptable values: hex color codes like #ffffff.
    Example:
    [gp_icon_box icon="icon-camera-1" icon_style="square" icon_corners="rounded" icon_color="#ffffff"]
  5. icon_background: Acceptable values: hex color codes like #2776ae.
    Example:
    [gp_icon_box icon="icon-camera-1" icon_style="square" icon_corners="rounded" icon_color="#ffffff" icon_background="#2776ae"]
  6. icon_size: Acceptable values: “small” | “medium” | “large”.
    Example:
    [gp_icon_box icon="icon-camera-1" icon_style="square" icon_corners="rounded" icon_color="#ffffff" icon_background="#2776ae" icon_size="medium"]
Part 2: Title Attributes
  1. title: The title text
    Example:
    [gp_icon_box title="THIS IS THE TITLE"]
  2. title_font_family: The title font-family. Overrides default.
    Example:
    [gp_icon_box title="THIS IS THE TITLE" title_font_family="Arial"]
  3. title_font_size: The title font size, like: 18px
    Example:
    [gp_icon_box title="THIS IS THE TITLE" title_font_family="Arial" title_font_size="18px"]
  4. title_font_weight: Acceptable values: “bold” | “normal” | number, like: 700
    Example:
    [gp_icon_box title="THIS IS THE TITLE" title_font_family="Arial" title_font_size="18px" title_font_weight="bold" ]
  5. title_font_color: Hex color values like: #515f66
    Example:
    [gp_icon_box title="THIS IS THE TITLE" title_font_family="Arial" title_font_size="18px" title_font_weight="bold" title_font_color="#515f66"]
Part 3: Text Attributes
  1. text: The text
    Example:
    [gp_icon_box text="Cras mattis odio et est placerat blandit. Morbi aliquam sem eget lectus dignissim egestas.."]
  2. text_font_size: The ext font size, like: 14px
    Example:
    [gp_icon_box text="Cras mattis odio et est placerat blandit. Morbi aliquam sem eget lectus dignissim egestas." text_font_size="14px"]
  3. text_font_color: Hex color values like: #515f66
    Example:
    [gp_icon_box text="Cras mattis odio et est placerat blandit. Morbi aliquam sem eget lectus dignissim egestas." text_font_size="14px" text_font_color="#515f66"]

And putting it all together:

[gp_icon_box icon="icon-camera-1" icon_style="square" icon_corners="rounded" icon_color="#ffffff" icon_background="#2776ae" icon_size="medium" title="THIS IS THE TITLE" title_font_family="Arial" title_font_size="18px" title_font_weight="bold" title_font_color="#515f66" text="Cras mattis odio et est placerat blandit. Morbi aliquam sem eget lectus dignissim egestas." text_font_size="14px" text_font_color="#515f66"]

The above example includes every available option. Remember that you don’t have to use them all, just the ones you need.

Leave a Reply

Your email address will not be published. Required fields are marked *

forty seven − = 37

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>