Joomla 3.x. How to upgrade FontAwesome icons

Our Support team is ready to present you a new tutorial that shows how to upgrade FontAwesome icons on your Joomla 3.x template to the latest version.

Sometimes, after adding the FontAwesome icon CSS class to your website icon is not displayed.

This may happen due to the outdated FontAwesome library used on the site.

1. In order to update it, please, open the templates/themexxxx/css/template.css file for editing. You can do it via Joomla admin panel, FTP or hosting FileManager tool.

2. You can see the latest version of icons set here.

3. Locate the following line in your template.css file:

   @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
   		

4. You will need to change the version in url, edited line should look like the following in case of updating to version 4.6.3:

   @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
   			

   

5. Save changes in file when you are done.

6. Check the result on your website.

   

If you need more, check out our large scale of professional Joomla themes!

Feel free to check the detailed video tutorial below: