- Details
-
Category: Shortcodes
-
Published: Monday, 08 April 2017 06:53
-
Written by Super User
-
Hits: 855
[info_box style="note"]Note style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]
[info_box style="success"]Success style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]
[info_box style="warning"]Warning style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]
[info_box style="error"]Error style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]
[togglergroup accordion="false" style="simple"]
[toggler title='Get The code']
[[info_box style="note"]Note style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]]
[[info_box style="success"]Success style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]]
[[info_box style="warning"]Warning style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]]
[[info_box style="error"]Error style info box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/info_box]]
[/toggler]
[/togglergroup]
- Details
-
Category: Shortcodes
-
Published: Monday, 08 April 2017 06:52
-
Written by Super User
-
Hits: 625
The Template comes with 460+ retina display icons. Here you can see some examples of text icons and their display options. It´s fun to dig through the various icon sets with the Shortcode Generator that even previews the icons for you, before you send the shortcode to the editor. Everything just works with a few clicks - a true time saver.
[hr size="smaller,small,big,bigger"]
[one_half]
[icon_text icon="icon-home" icon_position="top" box="true"]
Your Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec.
[/icon_text]
[/one_half]
[one_half last]
[icon_text icon="icon-road" icon_position="top" box="true" color="orange"]
Your Heading
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula.
[/icon_text]
[/one_half]
[togglergroup accordion="false" style="simple"]
[toggler title='Get The code']
[[icon_text icon="icon-home" icon_position="top" box="true"]
Your Heading
Your content goes here.
[/icon_text]]
[/toggler]
[/togglergroup]
[hr size='big']
Icon with text left
[one_third]
[icon_text icon="icon-basket" icon_position="left" box="false"]
Your Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
[/icon_text]
[/one_third]
[one_third]
[icon_text icon="icon-remove" icon_position="left" box="false"]
Your Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
[/icon_text]
[/one_third]
[one_third last]
[icon_text icon="icon-thumbs-up" icon_position="left" box="false"]
Your Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
[/icon_text]
[/one_third]
[togglergroup accordion="false" style="simple"]
[toggler title='Get The code']
[[icon_text icon="icon-thumbs-up" icon_position="left" box="false"]
Your Heading
Your content goes here.
[/icon_text]]
[/toggler]
[/togglergroup]
