XF 1.x Active Tab marking

netrix

Registered
As I want to see which Tab is active, I added this Code to my Extra.css
Code:
.navTabs .navTab.selected .navLink{
    color: rgb(18, 122, 187);
}
 
.navTabs .navTab.selected .navLink:hover{
    color: rgb(255, 255, 255);
}
What I would like to know if somebody has another maybe better idea to do the highlighting.
 

Steve

Moderator
What you have is the best way but you can use this color to make it cleaner

Code:
#3093c7

Also the selected tab needs adjusted a tiny bit if you do this.

Go into Styles Properties -> Header and Navigation: Change margin-top from -2px to -1px then save.

Here is how it looks

nav.png
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.