Support

Icon boxes

November 7th, 2012 in Shortcodes documentation, Support

Small icon box

Example I screenshot

Example I code

[content_box style="padding20"]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example I"]
Icon box content here ...
[/icon_box]
[divider]
[icon_box icon_url=ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example II"]
Icon box content here ...
[/icon_box]
[divider]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example III"]
Icon box content here ...
[/icon_box]
[/content_box]

Shortcode usage

Copy & paste the code above inside your pages or posts.

Example II screenshot

Example II code

[one_third]
[content_box style="padding10"]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example I"]
Icon box content here ...
[divider]
Read more
[/icon_box]
[/content_box]
[/one_third]
[one_third]
[content_box style="padding10"]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example II"]
Icon box content here ...
[divider]
Read more
[/icon_box]
[/content_box]
[/one_third]
[one_third_last]
[content_box style="padding10"]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example III"]
Icon box content here ...
[divider]
Read more
[/icon_box]
[/content_box]
[/one_third_last]

Shortcode usage

Copy & paste the code above inside your pages or posts.

Example III screenshot

Example III code

[one_third]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example I"]
Icon box content here ...
[/icon_box]
[/one_third]
[one_third]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example II"]
Icon box content here ...
[/icon_box]
[/one_third]
[one_third_last]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example III"]
Icon box content here ...
[/icon_box]
[/one_third_last]
[break]
[break]
[one_third]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example I"]
Icon box content here ...
[/icon_box]
[/one_third]
[one_third]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example II"]
Icon box content here ...
[/icon_box]
[/one_third]
[one_third_last]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="small" title="Small Icon Example III"]
Icon box content here ...
[/icon_box]
[/one_third_last]

Shortcode usage

Copy & paste the code above inside your pages or posts.

Big icon box

Example screenshot

Example code

[one_half]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="big" title="Big icon example"]
Icon box content here ...
[/icon_box]
[/one_half]
[one_half_last]
[icon_box icon_url="ICON_IMAGE_URL_HERE" size="big" title="Another example"]
Icon box content here ...
[/icon_box]
[/one_half_last]

Shortcode usage

Copy & paste the code above inside your pages or posts.

Multiple possibilities

These are just a few example for a general usage idea. You can arrange the icon boxes however you like using the layout columns shortcodes.

    Hummingbird Web Solutions Pvt Ltd. Copyright © 2014. Premium WordPress Themes - Terms & Conditions