WP Smith

Creating WordPress & Genesis Websites Since 2010

  • Home
  • About
  • Services
  • Blog
  • Contact

May 10 2011

How to Change the Default Genesis Favicon and Upload My Own

Genesis has a function called genesis_load_favicon that searches the Child theme's folder for an ico, gif, png, or jpg favicon file (e.g., favicon.ico, favicon.gif, favicon.png, favicon.jpg). It also has a filter for the URL and a filter to short-circuit the entire function.

Once you’ve made your new custom favicon.ico (Use photoshop to make a small png or use this plugin/add-on), upload it to your child theme’s images directory.

Or, if you have a network of sites and want to pull a favicon from somewhere else, you can use this function in your functions.php file.

After you have done one of these two things, you may still see the Genesis favicon and think your favicon has not been changed. However, trust me, it has been changed and your cache is causing the issue. If you really, really want to see it immediately, then clear the cache in all your browsers, close all web applications, restart computer, and be patient. Or, just call/contact someone else to check for you.

Written by Travis Smith · Categorized: Genesis, Tutorials

StudioPress Premium WordPress Themes     WP Engine Managed WordPress Hosting

What can I do for you!?

Custom Development

We develop plugins by determining both business/functional and technical requirements, following WordPress development best practices, and using agile methodology to ensure you get the best solution.

Consulting

Have questions? Need a reliable developer to consult? Please contact us today!

Customized Theme

We can customize your theme or child theme, or create a child theme for you based on your needs while enhancing the performance of every individual attribute.

Customized Plugin

We can customize your plugins, extend plugins (e.g., Gravity Forms, Jetpack, Soliloquy) based on your needs ensuring security, performance, and positive business impact.

Contact Us

About Travis Smith

As a WordPress enthusiast, developer, and speaker, Travis writes about what he learns in WordPress trying to help other WordPress travelers, beginners and enthusiasts with tutorials, explanations, & demonstrations.

Comments

  1. Aries says

    August 20, 2011 at 1:12 am

    It doesn’t work!

    But I have a solution, just load the favicon.ico image into your Genesis parent image folder.

    Reply
    • Travis Smith says

      September 14, 2011 at 5:02 pm

      That won’t work as it will be overwritten. Genesis has a preferred order to select favicons. If you want a simple, easy-to-use solution, simply use Cochran’s Genesis Favicon Uploader.

      Reply
  2. A Genesis User says

    March 2, 2012 at 11:56 pm

    Hey, thanks for this post. It helped me figure out how to change the Genesis icon.

    Reply
    • Travis Smith says

      March 3, 2012 at 12:29 am

      Hello Anon,

      The code is perfectly fine. You probably saw a JS mis-correction.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Twitter
  • Facebook
  • LinkedIn
  • Google+
  • RSS

Copyright © 2025 � WP Smith on Genesis on Genesis Framework � WordPress � Log in