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

How to change text color of a selected Tab

B

bogus

Guest
#1
Hi. I cant find the settings in the Properties where i can change the Color of a Tab (Popup)
I would like to change the Blue of the selected Help Text Color
Unbenannt.jpg
 

Brogan

XenForo moderator
Staff member
#2
This is the CSS for the tab hover in navigation.css:
Code:
.navTabs .navTab.PopupClosed:hover
And for when it is open in xenforo_popup.css:
Code:
.Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen
Edit: Just realised you want the text colour. That's the standard link css:
Code:
a:link, a:visited
 

Brogan

XenForo moderator
Staff member
#3
Actually, scratch that.
I just noticed in navigation.css that there is no styling associated with that element.

Look for this:
Code:
    .navTabs .navTab.PopupOpen .navLink
    {
    }
Then you can add a color as follows:
Code:
    .navTabs .navTab.PopupOpen .navLink
    {
    color: #FF6600;
    }
 
B

bogus

Guest
#4
Thanks
There are also missing the checkboxes to revert the Settings in most of the "PageNav, Link Groups and Tabs" Settings

btw is it color or colour? Google says doenst matter ;)
 

ijeffers

Active member
#5
There's a Style Property that lets you set it too, will pick it up as soon as I can get my copy to reinstall without a 500 Server Error :(
 

Brogan

XenForo moderator
Staff member
#9
ijeffers: sry but as Brogan wrote. There is no setting to this class....
It will still work as ijeffers posted though.

You can change it in Style Properties or the css templates directly.
Either approach will work.
 

ijeffers

Active member
#10
ijeffers: sry but as Brogan wrote. There is no setting to this class....
It does work though as I've used that style property to set it. :)

It inherits it from

.navTabs .navLink,
.navTabs .SplitCtrl
{

which is controlled by that styleproperty window.

Edit: Changed it to red just to highlight it :)

navtab styling1.png

navtab styling.png
 
B

bogus

Guest
#11
Hmm. Strange. am i blind ;)?

Thanks i will take a look again

Oh man, i am sorry. I am blind ;) I just lokked into the wrong settings..
 

ijeffers

Active member
#12
I found it by accident, I ended up just going down the style properties changing to red, refreshing, reseting and repeating until I got the one I wanted ;)
 
B

bogus

Guest
#13
I have one more questions.
I changed the BG Color of the Pulldown Tab in a darker blue but the "Search the Forum" Pulldown has now the same Style Settings.
Is there a way to separate them? That just the Navigation Pulldown Tab is shown in the darker blue and the "Search the Forum" keeps the lighter color?

Unbenannt.jpg
 
B

bogus

Guest
#17
Yes. sry. I need a bit more training ;)

Hmm. Ive tried it but if i change the color of the popup Tab in the Navbar the other is changed too