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
or show
1
right border of an item
|
link
|
Link (with http://)
|
target
|
Link target -
(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]