How To Use Font Awesome With Avada

Published On: October 19th, 2020Categories: Avada, Video Training740 words3.8 min read

Avada Website BuilderThis video shows you how to use Font Awesome with Avada.

Purchase your next copy of Avada –

Avada Documentation –

Useful Links: Avada Layouts –

Avada Quick Start Guide –

Avada Builder Documentation –

Need support? –

How To Use Font Awesome With Avada – Transcribed

Hi everyone, today we’re looking at how to use font awesome with Avada. Make sure you subscribe to our YouTube channel to keep up with all the latest videos like this one and if you don’t want to miss one click the Bell icon to get notifications of all new videos on our channel. OK, let’s begin. 

Font awesome is the world’s most popular and easiest to use icon set, then comes in both free and premium versions. 

We have integrated it with Avada, so you have instant access to almost 1600 free icons to use in your site design. 

There is also font awesome pro integration in Avada, so if you have a font awesome pro account you can access the full range of icons and all subsets. 

The best place to start with font awesome is in the theme options on the advanced theme features page. 

Down the page a bit, there are three options relevant to the use of font awesome in Avada. 

Firstly, you can choose your icon subset under the font awesome option. There are four subsets you can load but note that the light subset can only be used if font awesome Pro is enabled. 

The next option is called font awesome version for compatibility, and you can turn this on to enable support for the font. Awesome for icon code format. 

This would be useful on sites with old code where font awesome icons were added in this manner, but otherwise it’s not needed. 

Finally, with the last option, you can enable font awesome pro. 

You need to have a pro license for this to work, and you also need to ********* the domain by your font awesome account. 

One extra font awesome option is found under the privacy tab here. With the Google and font awesome font mode option you can choose between local and CDN. 

Choosing CDN will use the font awesome content delivery network, while local will mean the icon sets are downloaded to your own server. 

Depending on your privacy requirements with the GDPR, this option may be one you need to look at. 

OK, to use font awesome icons is very easy as we have integrated them throughout Avada. 

First and foremost, you will find them in the aptly named icon element. 

This used to be called the font awesome icon element, but with Avada 6.2 we renamed it as. You can now add custom icon sets you have uploaded through icon moon into the element as well. 

And it’s not just the icon element font. Awesome icons can also be found in several other elements, including the alert button checklist and content boxes element to name just a few. 

In short, any way you find the icon picker you will be able to use the font awesome icons in your content. 

Here on the electrician demo as we Scroll down the page, we can see some font awesome icons that were added by the content boxes element. 

And further down a whole bunch of font awesome icons that were added using the icon element. 

If I just added one of these, we can see the icon picker with the three font awesome icon subsets we selected in the theme options. 

We can scroll and search through these to find the icon we want to use and below this are a range of options to style the icons as we wish. 

For more info on how to configure, install the icons, please see the how to use the icon element video linked here. 

OK with font awesome icons in Avada you get a lot of choice with currently almost 1600 icons in the free set align. 

And if that’s not enough icons for you, if you connected a font awesome pro account to about a, you would have access to almost 8000 font awesome icons. 

OK, this concludes our video on how to use font awesome with Avada. 

Transcribed by ZAAAX Design.

If you need audio transcribed, contact us here.

Don’t miss this ...

We don’t spam! Read our privacy policy for more info.

Table of Content

Recent Posts

Don’t miss this

We don’t spam! Read our privacy policy for more info.