Icon Box Basic

Attributes	Description
Title	Icon Box title
Tag	Choose H1-H6 heading tag for title
Content	Icon Box content text
Icon | Icon	Select an icon from the list of available icons/td>
Icon | Icon position	Choose position: Top or Left (Left position works only for column widths: 1/4, 1/3 & 1/2)
Icon | Image	Select image from Media Library instead of using an icon
Icon | Border	Show or hide right border
Link | Link	Link (with http://)
Link | Target	Link target - 0 (default), _blank (new tab or window), lightbox (lightbox - image or embed video)
Link | Class	This option is useful when you want to use scroll
Advanced | Animation	Choose entrance animation on scroll or leave not animated
Custom | CSS classes	Type your own class for the item - this is a useful option for those who want to create a special style. For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class: .my-class-big-font { font-size:150% !important; font-weight:bold; }

Default code:

[icon_box title="" title_tag="h4" icon="icon-lamp" icon_position="" image="" border="" link="" target="" class="" animate=""]Insert your content here[/icon_box]

Attributes	Description
title	Icon Box title
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=“” title_tag=“h4" 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” title_tag=“h4" 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” title_tag=“h4" 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]