Favicon Help

[PrintsCharming]

I there! I've replaced all favicon files with my new favicon.ico file but I'm still seeing the "G" favicon. Any ideas on how to resolve??

http://susansez.com

[Erin Ulrich]

Have you cleared your browser's cache? I can see your favicon, so I'm guessing it's a caching issue.

---

Erin Ulrich | Genesis Recommended Developer | Design by Insight

[Tenns]

Depending on your browser it can sometimes take several hours for your Favicon to update. It should update within 24 hours.

[DTHkelly]

The favicon php in this snippet http://cobaltapps.com/forum/forum/main-category/feedback-suggestions/47450-more-dwb-in-2015?p=47508#post47508 works instantly.

[coralseait]

One tool I've found useful is this favicon generator: http://realfavicongenerator.net/

I really like this tool as it generates everything for most devices Then use a hook such as:

//* 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">';
}

---

Coral Sea IT

[Erin Ulrich]

It can take some time for the favicon to show up, but I do find that if I clear the cache in Chrome I can usually see it.

---

Erin Ulrich | Genesis Recommended Developer | Design by Insight

[Author]

Posts