If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

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.

joomla_how_to_uprade_fontawesome_1

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);
    			

    joomla_how_to_uprade_fontawesome_2

  5. Save changes in file when you are done.

  6. Check the result on your website.

    joomla_how_to_uprade_fontawesome_3

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

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to upgrade FontAwesome icons