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

navigation bar hover

Discussion in 'Styling and Customization Questions' started by Business Coach, Sep 2, 2011.

  1. Business Coach

    Business Coach Active Member

    I have changed the template and its not seeming to work.

    I am simply trying to get links on the navigation bar to highlight as a different cover when hovered over.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Add this to EXTRA.css

    Code:
    .navTabs .navTab.PopupClosed .navLink:hover {
    color: @primaryDark;
    }
    Change the colour to suit.
     
  3. mrb1972

    mrb1972 Active Member

    Just to expand on this a litte, what css controls the background colour when you hover over the litte down arrow on the navbar? I cant seem to find it anywhere
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    That's the standard link CSS - a:link, a:visited

    You said background, so it's this: .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {

    This to be precise: background: url("styles/default/xenforo/gradients/tab-unselected-25px-light.png") repeat-x scroll center top #6CB2E4;
     
  5. Business Coach

    Business Coach Active Member

    i copied and pasted that exactly as is into the extra css

    it does not seem to be making a difference

    its great that xen uses the latest technology and all..but we should not need a masters in software engineering just to make simple changes IMO
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    I tested it and it works fine in the default style.

    If you have a custom style you will need to contact the style author.
     

Share This Page