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

XF 1.1 Navigation Bar troubles.

Discussion in 'Styling and Customization Questions' started by Enitoni, Jul 21, 2013.

  1. Enitoni

    Enitoni Member

    Hi, I'm a fellow designer which is having some troubles.

    The problem is the navbar colours.

    If you hover over the little arrows on the links, The hover text is white for a split second. When the popup is open, The navbar link is black when you hover over it.

    I can't seem to find the right CSS code for this.

    I have attached a picture to give better meaning about what I need help with.
     

    Attached Files:

  2. Brogan

    Brogan XenForo Moderator Staff Member

    I can't remember which class it is exactly for each of those, but these are the entries I have in EXTRA.css:

    Code:
    .navTabs .navTab.PopupClosed:hover {
    background: @primaryLight url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
    color: @CTAExtraColour8 !important;
    }
    
    .navTabs .navTab.PopupClosed:hover a {
    color: @CTAExtraColour8;
    }
    .navTabs .navTab.selected .tabLinks:hover a {
    color: @CTAExtraColour7;
    }
    .navTabs .navTab.PopupClosed .navLink:hover {
    color: @CTAExtraColour8;
    }
    .navTabs .navTab.PopupOpen .navLink {
    color: @CTAExtraColour8;
    }
     
  3. Enitoni

    Enitoni Member

    That didn't fix it at all, I actually don't use the gradient. I'm trying to keep with a more simplistic feel.

    And the problem is still there, I hover over the button that opens the popup, the link text is white and blends in with the link background for a split second. When the popup is open, the link text is black when I hover over it.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Doesn't do it on my site and that's the code I use.
     
  5. Enitoni

    Enitoni Member

    Here's the code from the navigation.css
    I had to make it into a text file as the code was too big to write in the post. See attachment.
     

    Attached Files:

  6. Enitoni

    Enitoni Member

    Anyone? I really need help with this.
     
  7. Steve F

    Steve F Well-Known Member

    You want the tab popup open text color to be different? Or the color as it is opening for a split second?

    This is for the tab when the popup is open.

    Code:
    .navTabs .navTab.PopupOpen .navLink {
    color: red;
    }
     
  8. Enitoni

    Enitoni Member

    I know that bit, The problem is the split second bit. Just before the popup opens, The link text is white which the background also is. And when the popup is open the link text is black when I hover over it.
     
  9. Steve F

    Steve F Well-Known Member

    Could I get a link to the site? PC me if needed..
     
  10. Steve F

    Steve F Well-Known Member

    I can't seem to solve the split second color change when going from hovering the navLink to hover the SplitCtrl, as they are separate <a href="">

    Maybe @Jake Bunce could have a solution? I tried various things with no luck.
     
  11. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    If you post the URL then I can debug the style.
     
  12. Enitoni

    Enitoni Member

    I sent it through a PC.
     

Share This Page