Another popular article on this site explains how to change your favicon in your Joomla! 1.0-powered site. Naturally, a lot of people want to know how to change your favicon in a Joomla! 1.5-powered site, so this article goes through the process of changing your favicon in a Joomla! 1.5 site.

The first article on how to change your favicon in your Joomla! 1.0-powered site covers what a favicon is and how to create a favicon, so I will not cover that information here. I will just explain how Joomla! 1.5 handles favicons differently than Joomla! 1.0.

In Joomla! 1.0, the favicon was stored in the /images directory of the site. The system automatically loads a reference to /images/favicon.ico in the header of a Joomla! 1.0 site, so you could change your favicon by simply replacing that file on your server.

Joomla! 1.5 handles favicons differently. Instead of having a central location for the favicon, Joomla! 1.5 loads the favicon from the root directory of whichever template is loaded on your site. For example, the template on this site is located at http://www.howtojoomla.net/templates/htj_960/, so the favicon for this site is located at http://www.howtojoomla.net/templates/htj_960/favicon.ico. If I wanted to change the favicon on this site, I would simply replace that file with a new file called favicon.ico.

Most template designers will either include the default Joomla! favicon in their templates, or they will include their own favicon. It is up to you to take the step of modifying your favicon.

Questions/Comments

As always, questions and comments are welcome.

Trackback(0)

TrackBack URI for this entry

Comments (12)

Subscribe to this comment's feed

Timely!
written by Karen Vick, February 11, 2009

I came her looking for this very thing because I just KNEW you would have the answer.

Thanks Cory!

• 
• +1
• 
• 

Internent comedian
written by rowby, March 08, 2009

What if I wanted to rename the favicon.ico to a different name. Where do I do that? I would assume the favicon.ico name is set somewhere in a file somewhere in the template's folder?

Any idea which file that is?

Thanks

Rowby

• 
• +1
• 
• 

ico
written by Michael Mwaura, May 04, 2009

is there a way you have have an icon that is unique from the normal box-like icons? suppose i wanted to have the icon longer than normal icon, say like for example i want an icon of my company logo that is the name of the company, call it 'geenius' and should be in a corporate font, i hope you get my question, i would relate that with say cocacola where that could be a nice ico had it been in their favicon...

• 
• +3
• 
• 

...
written by hpe.yuan HE, June 21, 2009

It's very clear in your post, but I still don't get it. mine is under localhost, put the url in and put favicon.ico after, but it is seems not in the right path.

anyone knows how to do this?

• 
• +0
• 
• 

...
written by timy, August 04, 2009

this very simple... just look at the index.php file in ur theme folder and change the favicon.. U can put ico file or png or jpg or gif.. wtever u want.

• 
• +0
• 
• 

Thanks
written by syntakz, August 14, 2009

Thanks..
its work on my website ...

• 
• +1
• 
• 

...
written by Brendan, September 03, 2009

Hi, i read the article on changing the favicon and i have followed the instructions , it changed the icon on my 'admin' page but not on the actual 'web' page.. i have a blank white 'paper' icon ... how do i change this

• 
• +2
• 
• 

...
written by Joy Nielsen, October 10, 2009

Hi there,
I uploaded my favicon to my template root(s) and inserted the to index.php

My favicon only shows in Firefox, IE shows the explorer icon and sometimes I just get the white "paper" icon the is mentioned in another post.

How can I make it work each and every time in all browsers?

Also I wonder where the joomla icon file is stored in Joomla 1.5 ? It would be logical to replace this with my own icon, like in Joomla 1.0.
Thanks for helping out here. /Joy

• 
• +1
• 
• 

...
written by abcdeg, November 03, 2009

I cant find favicon in my template..currently using templatka 10.plz help me cory

• 
• +0
• 
• 

...
written by Kate Vickers, November 05, 2009

This is amusing to me because I love accidentally finding Joomla sites that I didn't know about all because the developer forgot to change the Favicon. I came accross a very professional looking Joomla site the other day for a drywall company and the favicon was the standard Joomla favicon. It made me smile and also made me look at the site a lot longer than I would have simply because it was Joomla. Silly, I know.

• 
• +0
• 
• 

...
written by Kate Vickers, November 05, 2009

Brendan and Joy - IE will only show favicons once the site has been bookmarked. It's a weird IE caching thing. Yet another reason why I hate IE.

• 
• +0
• 
• 

How to always see your changed favicon.ico changes
written by TJ Abrahamsen, February 09, 2010

This is my first post on this site that has inspired me and helped me many times .

I have noticed that a lot of people have problems seeing their changed favicon right away even if they refresh the cache x times. What I found out was: If I access the favicon.ico file directly in my browser, and then refresh it with - it will do the trick. I don't refresh the cache anymore...just access my favicon file directly... That's it. It works at least in FF.

• 
• +1
• 
• 

Write comment