WordPress.org

Ready to get started?Download WordPress

Forums

Favicon not updating (7 posts)

  1. pglavin
    Member
    Posted 2 years ago #

    Hey,

    So I'm trying to update my favicon and I'm pretty sure I've followed the instructions to a t and the favicon refuses to update. I uploaded my file to the following part of my website: http://www.uscsnowstore.com/wp-content/uploads/2012/03/favicon-1.ico

    and then I went into the header.php stylesheet and plugged it right into this part:

    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

    <link rel=”shortcut icon” href=”http://www.uscsnowstore.com/wp-content/uploads/2012/03/favicon-1.ico” />

    <!--[if lt IE 9]>

    I've also tried it with "icon" instead of "shortcut icon." The favicon simply refuses to change from the default grid-looking icon I started with. I've checked on both Chrome and IE, nothing.

    Any help would be greatly appreciated.

  2. YouON
    Member
    Posted 2 years ago #

    simply put your favicon.ico in the root of your website ;)

  3. pglavin
    Member
    Posted 2 years ago #

    Sorry for being such a n00b but would you mind explaining how I do that?

  4. YouON
    Member
    Posted 2 years ago #

    via ftp put your favicon.ico in your main directory. For example where you have uploaded wordpress..

    wp-content
    wp-admin
    wp-includes
    index.php
    favicon.ico
    ...

  5. MarkRH
    Member
    Posted 2 years ago #

    Yeah, right now http://www.uscsnowstore.com/favicon.ico is that grid looking icon. You need to replace that file with the one you want and just remove that <link rel="icon"... line.

    Specifying icon locations that way is somewhat problematic as different browsers seem to behave differently but they all look for a favicon.ico in the main directory.

    One of my sites uses the following:

    <link rel="shortcut icon"
              href="/favicon.ico"
              type="image/x-icon" />

    In your case, the href path would be: /wp-content/uploads/2012/03/favicon-1.ico

    But, the only reason to do that is if different sections of your site need to have their own icons.

  6. pglavin
    Member
    Posted 2 years ago #

    Thanks Mark that worked perfectly!

  7. Kevin M. Schafer
    Member
    Posted 1 year ago #

    YouON,

    Your post helped me! I dropped my favicon into my root folder like you said and it's showing up perfectly now.

    Thanks a ton!

    KM Schafer

Topic Closed

This topic has been closed to new replies.

About this Topic