1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed Hyperlink line through header image in Chrome 6

Discussion in 'Resolved Bug Reports' started by Chimpie, Oct 6, 2010.

  1. Chimpie

    Chimpie Well-Known Member

    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.
  2. Mike

    Mike XenForo Developer Staff Member

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

    Luke F Well-Known Member

    Conditional comments? :V
  4. Kier

    Kier XenForo Developer Staff Member

    Fixed for beta 4.

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

    Chimpie Well-Known Member

  6. ArnyVee

    ArnyVee Well-Known Member

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

    Brogan XenForo Moderator Staff Member

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

    Or did you mean you want to apply the fix now?
  8. ArnyVee

    ArnyVee Well-Known Member

    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 :)
  9. Brogan

    Brogan XenForo Moderator Staff Member

    No worries, look for this in header.css:

            #logo img
                vertical-align: middle;

    Below it add this:

            #logo a:hover
                text-decoration: none;
    ArnyVee likes this.
  10. ArnyVee

    ArnyVee Well-Known Member

    Thanks Brogan! :)

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

    Brogan XenForo Moderator Staff Member

    I should actually practice what I preach :D

    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 likes this.
  12. ArnyVee

    ArnyVee Well-Known Member

    Thank you sir :D
  13. Floris

    Floris Guest

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

Share This Page