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

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


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.

.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