By Bieber on

Hi all. I've got my site up and running with the Spread FireFox theme, and I've uploaded a custom logo and a custom favicon. Problem is, I've replaced the favicon.ico file in the themes main directory, but the favicon isn't changing. Do I need to edit some code or something?

Comments

Steven’s picture

Steven commented

Most likely the favicon in the drupal root is being used, if the theme has no <link> tag for that. Searching for favicon brings up a number of useful topics that answer this question.

Mateo’s picture

Mateo commented

I'd suggest erasing your cache and refreshing. Should work.

Mateo

Bieber’s picture

Bieber commented

It worked, thanks. Sorry, I'm new here and didn't think to search. I will next time.

CdnStrangequark’s picture

CdnStrangequark commented

Well, I've done everything I can think of and it still won't change. Here's everything I have done (generally every useful permutation of order has been tried).

I've uploaded replacement icons over top of it via FTP, deleted all browser cache, made a copy of favicon.ico in my theme's path, and specified a link-rel in my PHPTemplate. I even installed a different browser to see if it would pick up the new icon. Nothing worked.

To check and make sure I wasn't going crazy along the way (I'm not convinced I haven't lost my mind), I tried downloading the favicons I put on the server back to a different directory on my HD and sure enough, they appear as they should when they're on my computer.

To top it off, I have tried this on several different servers (I run 4 Drupal-powered sites) and can't get it to work on any of them.

Surely I am missing something...can anyone enlighten me? Send me a message, please!

MasterSushi’s picture

MasterSushi commented

I have just spent the last two hours trying to resolve this issue.

I finally got my favicon file to display in my browser and I was having huge problems getting it to show in even new webbrowsers that were 100% fresh installs.

I went through and deleted the cache manually for IE and Mozilla. I did this about 4 times and finally both IE and Mozilla are now able to see my favicon.

I initially thought it was a drupal issue so I hunted through code, even added a link in my template file to my favicon.

The solution appears to have been removal of all my cache multiple times and restarting the browsers.

I wish I could give you a definate, 'here is how I made it happen'. But all I can say is that Mozilla and IE are flackey in how they handle favicons.

CdnStrangequark’s picture

CdnStrangequark commented

Yep, sounds like my state of affairs. I managed to get the favicon to show on my one site in Firefox but IE still refuses to accept it. I've cleared the cache countless times. Oh well...I guess I'll just live with it and hope the browser programmers smarten up a little.

andrewfn’s picture

andrewfn commented

You just need to remove the leading slash in the path to the favicon. Put something like this in:
images/favicon.ico
or in my case, with multiple sites I used:
sites/nlife.ca/images/favicon.ico

I found the problem by viewing the source of my page in the browser and seeing the link to the favicon had two '//' at the start.

Thn’s picture

Thn commented

In 4.7 there's a favicon.ico in the root. Replacing this, clearing cache etc. wasn't working for me either.

I found another favicon.ico in misc/ ... I deleted that, and immediatly got a flood of 'page not found' /misc/favicon.ico in my logs.

So I put my own favicon there as well. Now I'm good....

webgeer’s picture

webgeer commented

If something like this appears in the header of the page:

<link rel="shortcut icon" href="misc/favicon.ico" type="image/x-icon" />

Then this is what is used as a favicon. You can do a "view source" and see if this appears in your site. This is generally changed by editing the template. It should be noted that using this method you can call the icon anything you want and put it anywhere you want.

If no line like this appears in the source and there is a file favicon.ico in the current directory (root directory of the drupal install) then that will be used.

Firefox should have no problems with favicon and shows them in the address bar, tabs and in the bookmarks. I find it sometimes looses its cache of favicon in the bookmarks. Usually visiting the website fixes that.

IE however, only uses favicons for bookmarks, never for sites that are just being visited. Furthermore it only downloads them and caches them when the site is first bookmarked. Therefore to see changes to favicon.ico in IE you have to delete the old bookmark and bookmark it again.

I think that explains most of the problems that people mention above.

kenwen’s picture

kenwen commented

Hiya,

I thought this was an aprt place to post this. I'm running several sites off one code base and have no idea what to change to get the themes to use their individual favicons.

Could anyone help?

Thanks
Ken

webgeer’s picture

webgeer commented

The best way to do this is to edit the template for each site and where it has:

<link rel="shortcut icon" href="misc/favicon.ico" type="image/x-icon" />

change the misc/favicon.ico to a unique favicon for that site. So for example you could create a favicon for site1 and call it site1icon.ico insert it into the misc directory and change the text in the site1 template to:

<link rel="shortcut icon" href="misc/site1icon.ico" type="image/x-icon" />

kenwen’s picture

kenwen commented

Thanks for the advice. However, i tried some experimenting and putting the favicon in the different sites' themes folder works as well!

Drupal rocks, no doubt about it, however steep the learning curve

Minty’s picture

Minty commented

Really useful explanation for troubleshooting.
Thanks

JanusCoriolanus’s picture

JanusCoriolanus commented

In my installation there was no favicon.ico in the root, only in the misc/ directory. I got error messages in the log about missing favicon.ico.

patrickharris’s picture

patrickharris commented

Yes, I've had this error as well!

ndiniro’s picture

ndiniro commented

When you see this condition, it's usually the fault of the web browser client missing or ignoring the "link" tag. "/favicon.ico" is the standard place that browsers look for the file if it's not explicitly stated in a "link" tag.

That said, I believe that the file should have been there in the first place...

midtoad’s picture

midtoad commented

Additional note for Safari users, from http://www.photoshopsupport.com/tutorials/jennifer/favicon.html:

"Safari for the MAC will not display an updated favicon until the browser cache has been cleared. But choosing ‘empty cache’ from the menu won't help because Safari stores favicons in a separate cache. You must empty the icon cache yourself. Look for it in User>Library>Safari>Icons."

alexd-1’s picture

alexd-1 commented

Put your favicon file in the /misc directory.

Yanivs’s picture

Yanivs commented

Hi,

In order to have the favicon show also in IE it has to be a .ico (Windows Icon file) file and not a gif or png file that was renamed.

There are some free programs around for creating .ico files:

  • Imageicon - A small free program that converts png, jpg and bmp image files to ico format
  • Icon Plugin for Photoshop - This is a free plugin for Photoshop that will let you open and save .ico files (you have to have Photoshop :-))

Don't forget to delete all the temporary internet files and restart IE for the favicon modification to be displayed.

Hope this helps,

Y

PS
I am not connected to any one of the above programs, I just had the IE favicon problem and those programs helped me solve it

lajewl’s picture

lajewl commented

For Mac users, a similar tool can be found at: http://homepage.mac.com/t_ogihara/software/OSX/icom-eng.html
and detailed instructions can be found at: http://somejunkwelike.com/wordpress/2005/05/24/howto-faviconico-on-mac-o...

Julia

PS I'm not connected to these sites either, just thought another fellow Mac user might benefit :)

battochir’s picture

battochir commented

Thanks alfa8007. I was screwing around an hour with this and then saw your post on RESTARTING IE after temporary internet file deletion. It did the trick.

cheers,

wim

Anonymous’s picture

Anonymous (not verified) commented

Hi,

Here's a quick solution that worked for me after a couple of days of frustrating research.

When you change the favicon in Themes > Configure > Global Settings, make sure you do the following:

  1. Uncheck Use the default logo <<< VERY IMPORTANT <<<
  2. Clear the field Path to custom logo <<< VERY IMPORTANT <<<
  3. Populate Upload logo image with path to icon file on your computer (I used 32x32 icon size which works just fine)
  4. Save Configuration

In some cases the above steps will not work. If so, simply follow the above steps for specific theme e.g., Themes > Configure > Garland

Good luck,
malviya

gokulnk’s picture

gokulnk commented

Or just install the module http://drupal.org/project/favicon