Info Box

Attributes	Description
Title	Info box title
Add new	Add as many tabs you want, use drag & drop to change their order or remove them
Content	Content visible under all items inside of info box
Background image	Select image from Media Library for background of info box
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:

[info_box title="" image="" animate=""]Insert your content here[/info_box]

Attributes	Description
title	Info box title
image	Background image URL (use link with http://)
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:

[info_box title="Infobox" image="IMAGE_URL" animate="fadeInLeftLarge"]
<ul>
<li>100% Responsive &amp; Retina ready</li>
<li>Best drag&amp;drop page builder</li>
<li>Tons of shortcodes</li>
<li>SEO optimized</li>
<li>and so much more...</li>
</ul>
[/info_box]