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

Where do I change the colour of the nav profile link text

Discussion in 'XenForo Questions and Support' started by System0, Apr 11, 2012.

  1. System0

    System0 Active Member

    I can't find out how to change the nav link colour for my profile. It uses @primarkDark. This colour is also used to change the background colour of the the account header at the left hand side of the page but I want to change the profile link separately to white or another light colour.

    Any ideas where I change this?

  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

    Add this code:

    .navTabs .navTab.PopupClosed .navLink
    	color: red;
    .navTabs .navTab.selected .navLink
    	color: green;
    The first is when the tab is not selected. The second is selected.

    Screen shot 2012-04-12 at 12.37.47 AM.png
    System0 and Pereira like this.
  3. System0

    System0 Active Member

    Thanks Jake. I was already using the first class in my stylesheet to style the nav but was missing the second class. All good now.

    I'm surprised these classes aren't in the style editor.
  4. Floris

    Floris Guest


    replace 1 with the unique style id that you're editing.

    Perhaps that's what you were looking for?
  5. System0

    System0 Active Member

    Thanks Floris but that doesn't change the link for the profile link tab on the right hand side.
  6. Floris

    Floris Guest

    changed selected color to yellow
    Screen Shot 2012-04-12 at 6.47.46 PM.png

    and loaded the profile tab
    Screen Shot 2012-04-12 at 6.47.53 PM.png

    which changed the color for the navigation selected tab, just like jakes' code

    Sorry if I don' understand what you're saying, but it's the same as Jakes's as far as I am concerned, but done through style properties?
    System0 likes this.
  7. System0

    System0 Active Member

    That's strange. I've simply modified the default design but that isn't working for me.

    I have white as the text colour and red as the background colour for selected tab. It changes the left hand nav tab links but not the profile links. Jakes suggestion fixes this though I'm unsure as to why it is not being controlled via the selected tab class.
  8. Floris

    Floris Guest

  9. System0

    System0 Active Member

    haha yeah. It was confusing the hell out of me initially too though it's all good now using Jakes CSS suggestion :)

Share This Page