• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Genesis Favicon Issues

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Favicon Issues

This topic is: not resolved

Tagged: Favicon, genesis, pinterest, Pretty Young Thing

  • This topic has 19 replies, 9 voices, and was last updated 11 years, 8 months ago by Erin Ulrich.
Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • September 25, 2013 at 3:30 pm #64158
    burnettsboards
    Member

    So I replaced the black G (Genesis favicon) with my own - seems to work on browsers etc. However, with Pinterest's rich snippets it is still appearing as the black G - any advice? Example: http://www.pinterest.com/pin/47850814764116768/

    Rich snippets just sort of happened for me - I did nothing to set them up etc - must just be a part of the theme?

    Child theme I'm using is Pretty Young Thing.

    http://burnettsboards.com
    September 25, 2013 at 3:34 pm #64159
    AnitaC
    Keymaster

    I always copy it into multiple locations as my own best practice. I copy it into the Genesis Framework images folder, my child theme image folder and I also copy it into my root folder. Keep in mind, when Genesis is updated - it may overwrite it though.


    Need help with customization or troubleshooting? Reach out to me.

    September 25, 2013 at 4:19 pm #64171
    burnettsboards
    Member

    Yea I definitely replaced the favicon in all three places...

    September 26, 2013 at 12:48 pm #64325
    dev
    Participant

    This code has never failed me pre- 2.0. I think it will still work in 2.0:

    // Load custom favicon
    add_filter( 'genesis_pre_load_favicon', 'custom_favicon_filter' );
    function custom_favicon_filter( $favicon_url ) {
    return 'http://www.mydomain.com/wp-content/images/favicon.ico';
    }

    September 27, 2013 at 2:00 am #64437
    burnettsboards
    Member

    Where should I put that? If in the functions.php file - does it go in the genesis functions or the child theme, and once there - where abouts in there?

    Mahalo!

    September 27, 2013 at 8:14 am #64456
    dev
    Participant

    Just put it at the end of functions.php. Of course you need to create a favicon.ico file and put it somewhere (i.e. like in images folder or just in the web root or anywhere you like) and put in the appropriate path to that file. As long as you code the URL correctly, it should work on all browsers.

    September 29, 2013 at 7:06 pm #64721
    burnettsboards
    Member

    Which functions php? Gensis or the child theme I'm using?

    September 29, 2013 at 7:50 pm #64730
    dev
    Participant

    The child theme.

    Works like a charm so long as you code the URL of the favicon correctly.

    Using other methods works with some browsers but not others. And you also have to often wait for a cache to clear. But when you put it in the code, it works each and every time. Never fails... unless they have done something in Gen 2.0 to mess it up... but I doubt it. I think I've tried it with 2.0... don't remember. I'm sure someone here will give it a go with 2.o and report back.

    Dev
    http://www.NewMediaWebsiteDesign.com

    October 1, 2013 at 7:09 am #64929
    burnettsboards
    Member

    Pasted that on my test site and it did this: Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING in /home3/burnett/public_html/SparkleAndLight.com/wp-content/themes/pretty/functions.php on line 105

    October 1, 2013 at 12:45 pm #64974
    dev
    Participant

    What exactly did you paste?

    Or maybe you missed a quote mark (must be regular quote mark, not a "smart" quote.

    Hint: First past the code into a text editor like Notpad or whatever you use (NOT a wordprocessor). Then copy it from there and paste it in your code.

    You might have left out the final semi-colon?

    October 9, 2013 at 7:36 am #65960
    slew00
    Member

    I got the same problem that burnettsboards got. You'd think Genesis would have an EASY way to change the favicon, or, even better, NOT change the site's favicon. Such a PITA to switch it back. WTF guys. This is a paid program. I shouldn't have to paste code anywhere to RESTORE my favicon.

    Seems like Genesis could just put a line in that says "Where's your favicon?" and a normal person could just paste in the path to the icon. Why hasn't that happened? Why is Genesis replacing a sites' favicon with their own?

    October 9, 2013 at 9:29 am #65973
    dev
    Participant

    You should be able paste this type of HTML:

    <link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico"/>

    into the 'header' box in Genesis and it should work.

    I use code at the end of functions.php of the theme and so far have not had any problems with it.

    October 9, 2013 at 4:47 pm #66022
    Summer
    Member

    Both Firefox and Chrome are notorious about caching favicons, and literally I've had to make sure that when I update a site, I update the main and the child theme favicons before I switch themes, else I have no choice but to shut down my browser and restart to get the default Genesis icon to clear out.

    That is one thing I like about some of the ZigZag themes, they give you a place to load up your favicon if you're not the type who likes to go digging thru code or replacing images 🙂


    WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
    Slice of SciFi | Writers, After Dark

    October 9, 2013 at 9:27 pm #66053
    dev
    Participant

    That is so true with FF and Chrome. This is why so many people like to use code (assuming you can get it to work!) because it eliminates the caching issue with favs.

    October 14, 2013 at 1:59 pm #66692
    Boots
    Member

    I am having the same issues above. Any one know the best way to change the favicon?

    October 14, 2013 at 2:14 pm #66696
    dev
    Participant

    Did you upload the favicon.ico file to your site and try the PHP code at the end of your child theme's functions.php file?

    // Load custom favicon
    add_filter( 'genesis_pre_load_favicon', 'custom_favicon_filter' );
    function custom_favicon_filter( $favicon_url ) {
    return 'http://www.mydomain.com/where-you-put-it/favicon.ico';
    }
    

    (Maybe this code no longer works with the 'pro' themes / HTML5? I would not think there would be a problem, but maybe someone will try it and let us know.)

    October 14, 2013 at 6:44 pm #66736
    Marc
    Participant

    The plugin linked below works well if you just want a quick easy method.

    Genesis Favicon Uploader

    You will observe it hasn't been updated in a while, but I find it works nicely with any of the old themes as well as any of the new HTML5 Genesis 2.0 themes.


    Resultz Digital | Websites, search marketing services and consulting for small business.

    October 16, 2013 at 3:58 am #66955
    Jack
    Participant

    I get the same error message when using the code above.

    I had a .ico image working and with new modern-portfolio using a png for the favicon I'm looking for other options.

    http://jackkennard.com


    Jack Kennard
    http://jackkennard.com

    October 16, 2013 at 8:31 am #66986
    dev
    Participant

    What error do you get when using the code? Please post it for me to see.

    Maybe this code no longer works on HTML5 StudioPress themes. It works on the HTML5 converted Appfinite Legacy theme.

    I'll have to download one of the new SP themes and give it a try later today. I'll report back.

    Does anyone know if SP dropped the genesis_pre_load_favicon filter? Is there a current list (for Gen 2.x) of filters and actions, etc. somewhere? It is still listed here, but not sure this is current:
    http://my.studiopress.com/docs/filter-reference/

    More info here: http://www.howtowords.com/2013/05/how-to-change-favicon-in-genesis-wordpress-theme/

    October 19, 2013 at 5:32 am #67617
    Erin Ulrich
    Participant

    Had a similar issue as the original poster with a client of mine. The favicon showed up fine everywhere but Pinterest. After three months of the old favicon showing at Pinterest, it finally updated on its own.


    Erin Ulrich | Genesis Recommended Developer | Design by Insight

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble