Fixed Hyperlink line through header image in Chrome 6

[Chimpie]

If you go to www.chimpie.com/xenforo and hover your mouse of the header image/logo, you will see a hyperlink line through the center of it. This happens in Chrome 6, but not in Firefox 3.6.10 or IE 8.

 

[Mike]

Looks like it doesn't happen if the <span> is removed, but that span is needed to fix an IE bug. Hmm.

 

[Luke F]

Conditional comments? :V

 

[Kier]

Fixed for beta 4.

Just needed #logo a:hover { text-decoration: none; } in header.css.

 

[Chimpie]

Thanks.

 

[ArnyVee]

Fixed for beta 4.

Just needed #logo a:hover { text-decoration: none; } in header.css.

I'm not well versed in CSS. Where do I add it within the CSS file?

 

[Paul B]

I'm not well versed in CSS. Where do I add it within the CSS file?

You don't need to, it will be included in Beta 4.

Or did you mean you want to apply the fix now?

 

[ArnyVee]

Originally I wanted to apply the fix now. But, if Beta 4 is not too far into the future then I can put up with it for now

 

[Paul B]

Originally I wanted to apply the fix now.

No worries, look for this in header.css:

        #logo img
        {
            vertical-align: middle;
        }

Below it add this:

        #logo a:hover
        {
            text-decoration: none;
        }

 

[ArnyVee]

Thanks Brogan!

Will I have to remove that when I do the upgrade to Beta 4 or will it overwrite it?

 

[Paul B]

I should actually practice what I preach

See this thread where I propose that any edits are added to EXTRA.css as this file is specifically for custom edits: http://xenforo.com/community/threads/add-all-css-edits-to-extra-css.8644/

So just add this to EXTRA.css

#logo a:hover { text-decoration: none; }

Once you upgrade to Beta 4, just remove that entry from EXTRA.css

 

[ArnyVee]

Thank you sir

 

[Floris]

Easy fix Nice to see it's in beta 4 - which feels to be a bit closer.