XF 1.2 How do I the text color of individual tabs in the navbar?

Dongler

New member
I'm hoping to only change one tab's color, and one individually.
How would I change the text color of only one tab?
 

Brogan

XenForo moderator
Staff member
Each tab has its own class.
For Forums for example:
Code:
.navTab.forums {
background-color: red;
}
 

Shelley

Well-known member
For those that want the colours to remain static when menus are opened/closed and selected the following using the appropriate classes would work well. Thought I'd post as it might benefit some but use the following as an example.

Code:
.navTabs .navTab.PopupClosed.members .navLink, .navTabs .navTab.PopupOpen.members .navLink,.navTabs .navTab.selected.members .navLink{color: red; background-color: green;}
.navTabs .navTab.PopupClosed.forums .navLink, .navTabs .navTab.PopupOpen.forums .navLink,.navTabs .navTab.selected.forums .navLink{color: yellow; background-color: blue;}
.navTabs .navTab.PopupClosed.Bookmarks .navLink, .navTabs .navTab.PopupOpen.Bookmarks .navLink,.navTabs .navTab.selected.Bookmarks .navLink{color: violet; background-color: lime;}
.navTabs .navTab.PopupClosed.showcase .navLink, .navTabs .navTab.PopupOpen.showcase .navLink,.navTabs .navTab.selected.showcase .navLink{color: black; background-color: orange;}
output to that is as follows

Screenshot_4.png
 
Top