Default code:
[icon_box title=“” tag=“h2" icon=“icon-lamp” icon_position=“” image=“” border=“” link=“” target=“” class=“” animate=“”]Insert your content here[/icon_box]
Attributes |
Description |
title |
Icon Box title |
tag |
Choose H1-H6 heading tag for title |
icon |
Select an icon from the list of available icons |
icon_position |
Choose position: top or left (Left position works only for column widths: 1/4, 1/3 & 1/2) |
image |
Image that replaces icon if uploaded - Image URL (use link with http://) |
border |
Hide 0 or show 1 right border of an item |
link |
Link (with http://) |
target |
Link target - 0 (default), _blank (new tab or window), lightbox (lightbox - image or embed video) |
class |
This option is useful when you want to use scroll |
animate |
Entrance animation - available values: fadeIn, fadeInUp, fadeInDown, fadeInLeft, fadeInRight, fadeInUpLarge, fadeInDownLarge, fadeInLeftLarge, fadeInRightLarge, zoomIn, zoomInUp, zoomInDown, zoomInLeft, zoomInRight, zoomInUpLarge, zoomInDownLarge, zoomInLeftLarge, bounceIn, bounceInUp, bounceInDown, bounceInLeft, bounceInRight |
Example of this shortcode below:
[icon_box title=“” tag=“h2" icon=“icon-heart-line” icon_position=“top” image=“” border=“1" link=“” target=“” class=“” animate=“”]Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.[/icon_box]
[icon_box title=“Curabitur ipsum” tag=“h2" icon=“icon-database-line” icon_position=“” image=“” border=“0" link=“” target=“” class=“” animate=“”]Donec non nonummy rutrum. In hac habitasse platea dictumst. [/icon_box]
[icon_box title=“Aenean fermen” tag=“h2" icon=“icon-lamp” icon_position=“left” image=“” border=“0" link=“#” target=“” class=“” animate=“”]Maecenas pellentesque sed, dapibus vitae, velit. Suspendisse est dolor, scelerisque.[/icon_box]