Change Tab Color using Navigation Manager

[Nelson58]

I have done a couple of searches but cannot find the answer to this.

I am using Navigation Manager with an enhancement from DBTech
https://vborg.vbsupport.ru/showthread.php?t=274972

I want to change the appearance (background and text) of just one or two tabs to make them stand out.

How can I do this please?

[ozzy47]

There should be a option in the product to change the text color.

Questions/Problems regarding modifications/styles need to be asked in the modification/style thread. That is where the support for modification/style is - not out here in the main forums. Please note that if a modification/style is unsupported (or even if it says it is supported), you may be on your own if you chose to install it.

[Nelson58]

There should be a option in the product to change the text color.

Questions/Problems regarding modifications/styles need to be asked in the modification/style thread. That is where the support for modification/style is - not out here in the main forums. Please note that if a modification/style is unsupported (or even if it says it is supported), you may be on your own if you chose to install it.

I am sorry, I wasn't clear.

I want to change background tab color (hover and non hover) and text to really make it stand out from the others.


Nelson

[ozzy47]

Well you would first need to get the identity of each tab you want, then add this to your additional.css

#vbtab_forum a.navtab {
background-color: black;
color: #FBCB3D
}

#vbtab_forum a.navtab:hover {
background-color:white;
color:{vb:stylevar navbar_tab_selected_color};
}

This will need to be done for each tab, the identity of the example is the Forum tab, vbtab_forum

You can change the colors to anything you want, just experiment.

For future reference, please don't ask in multiple places, I saw that you asked the same question in another place after posting this.

[tbworld]

Nice job @Ozzy47 this will help a few out there, to me your unlikeable. :)

[ozzy47]

Yeah I am sure some people will use it. I get that quite a bit with the unlikable deal. :)

[Nelson58]

Where is this entered? I went to main.css and there is a box to enter text but no save button, so it must be the wrong place.

[ozzy47]

Just add it to your additional.css template

[Nelson58]

Just add it to your additional.css template

Worked great! Thanks! One more thing, how do I change the "selected colors"...it is tough to read...

[ozzy47]

I don't think it's possible to do that with CSS just for the individual tabs, that needs to be done globally with the stylevar.

[HM666]

I don't think it's possible to do that with CSS just for the individual tabs, that needs to be done globally with the stylevar.

Yes, it maybe possible to do it with CSS but you would probably have to do quite a bit of coding to make it work. If its something you really need to have and just changing the stylevars does not do what you want, your best bet might be to hire a skinner to make changes.