WordPress.org

Ready to get started?Download WordPress

Forums

How to change address bar icon? (7 posts)

  1. eric11210
    Member
    Posted 3 years ago #

    Hi folks,

    I'm in the process of setting up a brand new blog. I've got almost everything looking the way I want it to, but for the life of me I can't figure out how to change the address bar icon. I saw this: http://en.support.wordpress.com/avatars/blavatars/#upload-a-blavatar

    However when I look at my admin panel, I don't see a "blog picture" option so I'm guessing that's only for the WordPress hosted blogs.

    I'm using the Mystique theme and tried uploading to root and to the images directory of the theme (named the icon 'favicon.ico') but that has had no effect -- I still see the WordPress icon.

    I also found this: http://www.computer-realm.net/how-to-change-your-wordpress-favicon/. I tried that idea, adding the right code to the header, but no dice, still the WordPress icon.

    My new blog is at http://www.thepersonalfinancehelpcenter.com. Thanks for any advice.

    Eric

  2. stvwlf
    Member
    Posted 3 years ago #

    Here is your problem, looking at View Source on your site:

    line 13 is
    <link rel="shortcut icon" href="http://www.thepersonalfinancehelpcenter.com/wp-content/themes/mystique/favicon.ico" />

    1) The double quotes you have around the URL in the href are fancy quotes - you probably pasted the code from a web page. HTML needs straight double quotes. It is not seeing your URL because of the fancy quotes.

    2) this line of code appears as line 13 in View Source. It is your theme inserting its own favicon line. That is why you are seeing the WP icon, since the line you inserted is being seen as invalid by the browser due to fancy quotes. You need to fix your line and find and delete the line the theme inserts.
    <link rel="shortcut icon" href="http://www.thepersonalfinancehelpcenter.com/wp-content/themes/mystique/favicon.ico" />

    3) Technically favicon code is supposed to be:
    <link href='your url' rel='shortcut icon' type='image/x-icon' />

  3. eric11210
    Member
    Posted 3 years ago #

    Thanks. Got it fixed now with this.

  4. eric11210
    Member
    Posted 3 years ago #

    Looks like I spoke too soon. The icon changes for the backend, but not for the frontend of the blog (which is where I really care about it changing). I'll keep looking and see if I can figure out what's going on. Any other suggestions appreciated though.

  5. JarretC
    Member
    Posted 3 years ago #

    In your source code it shows

    <link rel=”shortcut icon” href='http://www.thepersonalfinancehelpcenter.com/favicon.ico' />

    and it should be

    <link rel='shortcut icon' href="http://www.thepersonalfinancehelpcenter.com/favicon.ico' />

    you are still using the fancy quotes as stvwlf had mentioned in his post.

  6. eric11210
    Member
    Posted 3 years ago #

    Never mind. Got it now.

  7. Nickybbb
    Member
    Posted 3 years ago #

    it's also possible to jsut use a png:

    <link rel="icon" type="image/png" href="http://www.website.com/fav.png" />

Topic Closed

This topic has been closed to new replies.

About this Topic