Joomla 3.x. How to change favicon

This tutorial will show you how to change browser favicon in your Joomla 3.x website.

Joomla 3.x. How to change favicon

The word favicon is short for favorites icon, and it is the 16×16-pixel icon that is associated with your website and appears in the browser address bar. This small thing will not affect the performance and look of your site, but paying attention to little details like that will give your site a more finished, professional feel.

You can follow these instructions to change a favorites icon (favicon) displayed in the address bar of the browser in your Joomla website:

1. To create a favicon, you can open www.favicon.cc website or any other online tool for generating favicons. Select any favicon image you like:

   

2. Click the Download button to download the generated favicon.ico file on your computer. Мake sure the file is named favicon.ico:

   

   

3. The default favicon is located in images directory of your installation. Open your Joomla installation directory, click on templates directory and enter themeXXXX folder to remove the default icon from your site, and upload a new icon in its place:

   

4. You may not be able to see your new favicon right away. The reason for this is because the default icon is probably still in your browser’s cache. If you clear your browser’s cache, you will be able to see the new favicon. Go to browser Tools and select Clear recent history tab.

   Open your site in another browser and you will notice the change immediately.

5. Refresh the page and you will see the new favicon in the address bar of the browser.

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to change favicon