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

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?


xen-nav.png
 

Jake Bunce

XenForo moderator
Staff member
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

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

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.
 
F

Floris

Guest
admin.php?styles/1/style-properties&group=header#_navTabs

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

Perhaps that's what you were looking for?
 

System0

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

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

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.
 

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 :)
 
Top