0

I have added a favicon.ico file in my root directory and have also added the image as site identity. Favicon is getting displayed in my admin pages but not on any browser. Here is the link for the website "www.acrosszero.org"

Nidhi Manchanda
  • 37
  • 2
  • 4
  • You should add the relevant code, it's hard to help you without it. Note that I have tied and can see a favicon fine... – benomatis Feb 27 '16 at 13:44
  • Well.. I can see it in chrome. – Kocik Feb 27 '16 at 13:44
  • I dint add any code...I have created a favicon file using the free softwares and uploaded the same in the root directory. Possibly its my browser's cache issue that I am not able to see it. – Nidhi Manchanda Feb 27 '16 at 13:59

2 Answers2

1

Add an .ico image file (16x16 or 32x32 pixels) to the folder where is the page you want to display it. Then, in that page, edit the source code: inside the <head> tag (if it doesn't exist, you create), wich is inside the <body> tag, add:

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

Then close the tag this way: 

</head>

Save the page and reload.

statosdotcom
  • 3,109
  • 2
  • 17
  • 40
  • I am using wordpress version 4.3 and I have directly added a png image as my site identity on the dashboard. I am able to see the favicon image when I login to the dashboard , but it's not visible if I open the site. I am not sure if the image takes time to reflect. Can you please help. Here is the site url : www.acrosszero.org ...the one that is showing up is the old one and the new one is completely gray in colour. – Nidhi Manchanda Mar 13 '16 at 12:13
  • @Nidhi if your icon is this: http://www.acrosszero.org/wp-content/uploads/2016/03/To-ntal-01-01.png , this image is 378x378 pixels, wich I think it's not the proper dimension for a image to be used as a favicon. Try some options, for example you could use the old very basic 16x16 pixels instead (just for testing reasons), or to use a .ico instead of your .png so you can more easily trace where the problem resists. At the same time I think it would be useful to have a look at https://en.wikipedia.org/wiki/Favicon to see additional info, browsers support etc. – statosdotcom Mar 14 '16 at 12:52
  • @NidhiManchanda please check the answer you think it was helpful to solve your problem. Thank you. – statosdotcom Apr 22 '16 at 17:57
0

This occurs sometimes when the favicon is too large.

To create a favicon that fits use the following dimensions:

  • widht: 512px
  • height: 512px
0x1ad2
  • 8,014
  • 9
  • 35
  • 48
Bálint Budavölgyi
  • 510
  • 3
  • 18