Favicon will not change!

[Rosey]

I tried everything possible, but the (G) Genesis favicon will not change to my own custom one.
I changed it in every place possible, and reset my cache, etc... I even tried to use a plugin to change it.
Please advise. (Magazine Theme)

http://insight.crystalbastrology.com

[cwalsh]

It must be a browser caching issue because I can see the planet favicon when I view the site.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[DTHkelly]

Favicon PHP in this snippet works instantly.

Favicon Help

[Badlywired]

At the time of writing, you hadn't changed it in the one place it matters
http://insight.crystalbastrology.com/wp-content/themes/crystal_b_custom/images/favicon.ico

I blogged how to do this only recently http://badlywired.com/2015/adding-favicon-genesis-theme/

---

My techy blog WordPress and stuff badlywired.com

[Scott Buehler]

Hello, this is likely a browser caching issue. However, I wanted to point out that your site is currently outputting to meta tags for a shortcut

<link rel="shortcut icon" href="http://insight.crystalbastrology.com/wp-content/uploads/2015/01/favicon.ico" /><link rel="Shortcut Icon" href="http://www.crystalbastrology.com/favicon.png" type="image/x-icon" />

However, http://insight.crystalbastrology.com/wp-content/uploads/2015/01/favicon.ico is showing the world icon which is what you wanted. You may need to load that ico link in your browser and hold shift + reload to force it to pull in the new image. Or, purge your browser cache and try again.

I would definitely remove one of the shortcut icon references though.

---

TygrScott on Social Media

[Sunil]

Hi guys, I'm using the old agency theme for my site. I uploaded just as how Badlywired has instructed on his blog on adding a favicon.

I don't see the favicon I created. It hasn't replaced the G icon yet. I did overwrite it when I uploaded through my cpanel account.

So, is this normal? How long does it take in order for me to see my favicon?

Btw, this is my site. http://adultacnetreatmentreviews.com.

[Badlywired]

You haven't managed to update the right file

If you see this link it is still the G

http://adultacnetreatmentreviews.com/wp-content/themes/agency/images/favicon.ico

This is the file you need to replace

---

My techy blog WordPress and stuff badlywired.com

[coralseait]

I generally take a different approach to Favicon, to support more devices:

Use the following tool (we have no affiliation with it, but it works well so we recommend it): http://realfavicongenerator.net/

Create a function similar to:

//* Favicon
remove_action('genesis_meta', 'genesis_load_favicon');
add_action('genesis_meta', 'trc_custom_favicon');
function trc_custom_favicon() {
	echo '<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">';
}

And add it to functions.php

This will support multiple / all devices in the best possible Favicon versus just swapping the single file in the child theme directory most tutorials direct to do.

---

Coral Sea IT

[Badlywired]

Yes a very complete solution above.

---

My techy blog WordPress and stuff badlywired.com

[cmalamed]

Isn't the issue that you have to replace the favicon in the Genesis theme images folder, not the Child theme? Then wait. It will change. Sometimes it takes awhile. Clear your browser cache every so often too.

[Badlywired]

Child theme folder

---

My techy blog WordPress and stuff badlywired.com

[Sunil]

I dare not mess up with the php stuff. The code looks pretty scary.

There was once I tried to add a code and uploaded it and my whole site went blank white!

I even added the original code which I saved earlier before editing and still it didn't work.
I end up trying to get help from my site host and they managed to resolve it.

[Sunil]

I went in again to the folder under wp-content > themes > agency > Images > favicon.ico.
I downloaded this image to my pc and I see it as the icon I created.

So, why isn't it still not showing up?

This file was already replaced with the original G icon and I don't understand why when you downloaded this file, you still saw the G icon????

Really puzzling.

[Badlywired]

What do you see when you click this url?

http://adultacnetreatmentreviews.com/wp-content/themes/agency/images/favicon.ico

---

My techy blog WordPress and stuff badlywired.com

[Sunil]

I still see the G icon. I don't understand. When I download the file from my cpanel, I see my own favicon.
Do I have to address this issue with my host then?

[Author]

Posts