How to Change the Joomla! Site Icon

Save

The Joomla! site icon, or "favicon," is a 16-by-16 pixel image file that your browser displays in its address bar along with the site URL and on its tabs next to the site or page name. The Joomla! content management system accesses the favicon for display through the template by pointing at the specific address for the icon contained within the template. The default Joomla! icon is installed with the templates that come with Joomla!. You can install your own favicon to replace it.

  • Create a new favicon.ico image file. You can create a new favicon.ico file using a free favicon website or an image editor like Photoshop or GIMP, or you can scale an existing image to 16-by-16 pixels and save it as an .ico file.

  • Upload the new favicon icon file to the default template's directory located within your website's Joomla! directory structure. The template's directory is located in the "Templates" directory and has the exact name of your template.

    For example, if you are using the "Beez" template, which is included in every Joomla! installation, the directory to place the new favicon.ico file is

    joomla/templates/beez/

    If Joomla! was not installed into its own directory, the correct directory is

    templates/beez

  • Rename the .ico file to "favicon.ico" using your FTP program or hosting company control panel. The filename should be entirely lowercase and spelled exactly the same as shown here but without the quotation marks.

  • View your site in your browser. If the new site icon is not displayed, you may have to to do a complete refresh. To do so, hold down the "Shift" key ("Cmd" on a Mac) while you click the refresh icon on Firefox or Safari. On Internet Explorer, hold the "Ctrl" key down while you click refresh. New visitors to your site will see the new favicon automatically. Returning visitors will have to do the full refresh to see the new icon.

Tips & Warnings

  • Some templates redirect the icon location. View the index.php file in your template directory -- /joomla/templates/<insert template name>/index.php -- and look for the line that starts with <link rel="shortcut icon." The URL in that line gives the name of the favicon icon and its location. Just copy your favicon.ico file to that directory and rename it to the name given in the URL.

References

Promoted By Zergnet

Comments

Resources

You May Also Like

Related Searches

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!