Text block with icon

Text block with icon

The Theme comes with [highlight style=’neon’]225+ 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=”applications.png” icon_position=”top” box=”true”]

[heading type=’h3′ no_top_padding=’true’]Your Heading[/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, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

[/icon_text]
[/one_half]

[one_half last]

[icon_text icon=”apps.png” icon_position=”top” 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, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

[/icon_text]

[/one_half]

[togglergroup accordion=”false” style=”simple”]

[toggler title=’Get The code’]

[[icon_text icon="applications.png" icon_position="top" box="true"]
[heading type='h3' no_top_padding='true']Your Heading[/heading]
Your content goes here.
[/icon_text]]

[/toggler]

[/togglergroup]

[hr size=’big’]

[heading type=”h2″ underlined=”true” no_top_padding=”false” no_bottom_padding=”false”]Icon with text left[/heading]

[spacer]

[one_third]
[icon_text icon=”billing.png” icon_position=”left” 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. Aenean massa. Cum sociis natoque penatibus et magnis

[/icon_text]
[/one_third]

[one_third]
[icon_text icon=”blueprint.png” icon_position=”left” 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. Aenean massa. Cum sociis natoque penatibus et magnis

[/icon_text]
[/one_third]

[one_third last]
[icon_text icon=”calender_day.png” icon_position=”left” 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. 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="blueprint.png" icon_position="left" box="false"]
[heading type='h3' no_top_padding='true']Your Heading[/heading]

Your content goes here.
[/icon_text]]

[/toggler]

[/togglergroup]

Share this post

Leave a Reply

Your email address will not be published. Required fields are marked *