Icons (Font Awesome)

Input Attributes:
 - title: optional
 - link: optional
 - icon: Select icon from the Font Awesome library.
 - color: light, dark
 - size: small, medium, large, extra large
 - background: on, off
 - spin: on, off

[margin size=”20″]

Single Icons

The entire Font Awesome icon catalogue has been included in our shortcodes. The Font Awesome icons included can be found here: Font Awesome Icons.

[margin size=”10″]

Icons with Text

[one_half]
[font_text link=”” icon=”star” color=”dark” size=”medium” border=”off” spin=”off”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.[/font_text]
[/one_half]

[one_half_last]
[font_text link=”” icon=”thumbs-up” color=”dark” size=”medium” border=”off” spin=”off”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.[/font_text]
[/one_half_last]

[margin size=”10″]

Icons with Title & Text – Style 1

[one_half]
[font_full1 title=”Title” link=”” icon=”star” color=”dark” size=”medium” background=”off” spin=”off”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.[/font_full1]
[/one_half]

[one_half_last]
[font_full1 title=”Title” link=”” icon=”thumbs-up” color=”dark” size=”medium” background=”off” spin=”off”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.[/font_full1]
[/one_half_last]

[margin size=”10″]

Icons with Title & Text – Style 2

[one_half]
[font_full2 title=”Title” link=”” icon=”star” color=”dark” size=”medium” background=”off” spin=”off”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.[/font_full2]
[/one_half]

[one_half_last]
[font_full2 title=”Title” link=”” icon=”thumbs-up-alt” color=”dark” size=”medium” background=”off” spin=”off”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.[/font_full2]
[/one_half_last]

[margin size=”20″]

The styling of shortcodes may vary depending on exactly which theme you are using. This is to ensure that the shortcode best matches the design of the particular theme.

If you find that the shortcode you’re using looks different to that shown above then please refer to the shortcodes section for the demo site of the theme you’re using.

Still need support?

Use the search form above to explore more articles.

If you have an urgent support query please do submit a support ticket and one of our devs will be on hand to help.