- This topic has 14 replies, 2 voices, and was last updated 4 years, 2 months ago by
.
-
Posts
-
Hi,
I want to remove default favicon.ico code line
<link rel="icon" href="http://localhost/cyberthana.com/wp-content/themes/genesis/images/favicon.ico" />to use https://realfavicongenerator.net/ generated favicon.I have deleted favicon.ico image from both Genesis and aspire theme image folder.
I want to use this line of code to use my favicon uploaded on theme root. `<link rel=”apple-touch-icon” sizes=”180×180″ href=”/apple-touch-icon.png”>
<link rel=”icon” type=”image/png” sizes=”32×32″ href=”/favicon-32×32.png”>
<link rel=”icon” type=”image/png” sizes=”16×16″ href=”/favicon-16×16.png”>
<link rel=”manifest” href=”/site.webmanifest”>
<link rel=”mask-icon” href=”/safari-pinned-tab.svg” color=”#000000″>
<meta name=”msapplication-TileColor” content=”#da532c”>
<meta name=”theme-color” content=”#ffffff”>` but i think may be default theme favicon.ico line of code is overriding my code. And because of this my favicon is not showing.Can you tell me what is happening?
Thanks
techiebrajI’m not sure how you’re adding it in, but I usually just add my favicon image inside the images folder and Genesis automatically detects it.
There’s already the default Genesis Favicon inside the /images folder of the child theme. Just replace it with your own and reload your browser.
I’m sure there are other ways of doing it, but this is the only way I’ve done it and it works instantly.
Let me know if that helps.
Unfortunately, I’m not familiar with that particular method, I only know of the method I mentioned earlier by replacing the default image in the images folder. That’s the default way that works in pretty much any Genesis based theme.
The only thing I can say is to make sure you’re adding the proper links to wherever your ico file is located and place it in the header section. Other than that I have no idea why it’s not working since I’m not familiar with the method you’re using.
It looks like someone created a plugin that handles this – https://wordpress.org/plugins/favicon-by-realfavicongenerator/
It has 5 stars and they keep it up to date. I’d give that a try if you haven’t already. I haven’t used it myself but I would give that a go if that’s what you’re looking for.
Let me know if it works.
I just deployed a digital ocean droplet to send you the live link for resolution. But there is no problem in the live site:- http://68.183.87.89/
Then after I realized that the problem was due to cache files. I deleted my cache and my localhost site is working fine.
Thanks for your help!
- You must be logged in to reply to this topic.