Active Tab marking

[netrix]

As I want to see which Tab is active, I added this Code to my Extra.css

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

Will check it out for you and see if we can come up with some thing.

 

[Russ]

This would put a different color on the selected tab.

.navTabs .navTab.selected .navLink {
color: #B8B8B8;
}

 

[Steve]

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

#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

 

[Russ]

This will actually be added in the next version as well

 

[netrix]

That's better then my solution, thanks.