Text block with icon

with No Comments

The Theme comes with [highlight style=’neon’]465+ icons.[/highlight] 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.

[one_half] [icon_text icon=”icon-apple” icon_position=”top” color=”orange”  box=”true”] [heading type=’h3′ no_top_padding=’true’]Your Heading[/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, porttitor eu, consequat vitae, eleifend ac.

[/icon_text] [/one_half] [one_half last] [icon_text icon=”icon-mobile” icon_position=”top” color=”#666666″  box=”true”] [heading type=’h3′ no_top_padding=’true’]Your Heading[/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, porttitor eu, consequat vitae, eleifend ac.

[/icon_text] [/one_half]

[togglergroup accordion=”false” style=”simple”] [toggler title=’Get The code’]
[[icon_text icon="icon-apple" icon_position="top" color="orange"  box="true"]
[heading type='h3' no_top_padding='true']Your Heading[/heading]
Your content goes here.
[/icon_text]]
[/toggler] [/togglergroup]
[heading type=”h2″ underlined=”true” no_top_padding=”false” no_bottom_padding=”false”]Icon with text left[/heading] [spacer] [one_third] [icon_text icon=”icon-phone” icon_position=”left” color=”#666666″ box=”false”] [heading type=’h3′ no_top_padding=’true’]Your Heading[/heading]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

[/icon_text] [/one_third] [one_third] [icon_text icon=”icon-cog” icon_position=”left” color=”orange” box=”false”] [heading type=’h3′ no_top_padding=’true’]Your Heading[/heading]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

[/icon_text] [/one_third] [one_third last] [icon_text icon=”icon-image” icon_position=”left” color=”green” box=”false”] [heading type=’h3′ no_top_padding=’true’]Your Heading[/heading]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

[/icon_text] [/one_third] [togglergroup accordion=”false” style=”simple”] [toggler title=’Get The code’]
[[icon_text icon="icon-mobile" icon_position="left" color="#666666"  box="false"]
[heading type='h3' no_top_padding='true']Your Heading[/heading]

Your content goes here.
[/icon_text]]
[/toggler] [/togglergroup]

Leave a Reply