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]

Originally Posted by 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.

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]

Originally Posted by ozzy47

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.