How to change address bar icon?

Viewing 6 replies - 1 through 6 (of 6 total)
  • stvwlf

    (@stvwlf)

    13 years, 3 months 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' />

    Thread Starter eric11210

    (@eric11210)

    13 years, 3 months ago

    Thanks. Got it fixed now with this.

    Thread Starter eric11210

    (@eric11210)

    13 years, 3 months 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.

    Jarret

    (@jarretc)

    13 years, 3 months 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.

    Thread Starter eric11210

    (@eric11210)

    13 years, 3 months ago

    Never mind. Got it now.

    Nickybbb

    (@nickybbb)

    13 years, 3 months ago

    it’s also possible to jsut use a png:

    <link rel=”icon” type=”image/png” href=”http://www.website.com/fav.png&#8221; />

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change address bar icon?’ is closed to new replies.