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

Navigation Tab Text Colour

Discussion in 'Styling and Customization Questions' started by Zovator, May 26, 2012.

  1. Zovator

    Zovator Member

    Capture.PNG
    As seen in the above image, my navigation tabs aren't standing out from the background image. I would like to change the colour of the text on the non-selected tabs so that they stand out more and are more appealing. I tried going into Style Properties > Header & Navigation, and changing some of those options around, but the tab text didn't change colour. Could somebody assist me with this? I've never had to do this before. Thanks.

    EDIT: P.S I'm using the Flexile theme.
     
  2. Zovator

    Zovator Member

    Anyone?
     
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    For reference:

    http://xenforo.com/community/threads/change-the-color.8749/#post-120671

    In your case you can either change primaryLighter in the palette:

    Admin CP -> Appearance -> Color Palette

    Or override it with your own CSS:

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    .navTabs .navTab.PopupClosed .navLink
    {
    	color: red;
    }
    
     
    Gabby and Zovator like this.
  4. Gabby

    Gabby Well-Known Member

    Thank you. This was just what I was looking for. Is this next XF version going to allow changing this particular text color via style properties?
     
  5. Zovator

    Zovator Member

    Thank you +1. And I also think that this should be in style properties, because that was where I expected it to be when I was wanting to change it.
     
    Gabby likes this.
  6. Gabby

    Gabby Well-Known Member

    But there still is a hover problem with this particular property as well. I cannot find where to change the hover color.
     
  7. Zovator

    Zovator Member

    I used:
    Code:
    .navTabs .navTab.PopupClosed .navLink:hover
    {
        color: red;
    }
    I believe.
     
    Gabby likes this.
  8. Gabby

    Gabby Well-Known Member

    Perfect! Thank you. Zovator and Jake.
     
    Zovator likes this.
  9. Zovator

    Zovator Member

    No problem :)
     

Share This Page