Support ForumChanging tabs colors to custom ones – Support Forum

Changing tabs colors to custom ones

Piuomenoassociati — Wed, 27 Aug 2014 09:12:12 +0000

good morning, i don’t know where i’m getting wrong… but i can’t change tabs background or font color.

for example i tried this
[tab_title pair=”tab1″ active=”yes” style=” background-color:#000 !important;”]
and didn’t work

tried with class
[tab_title pair=”tab2″ css_class=”quarta”]

(took this fron inspection) li.quarta a { background-color:#000 !important;}

and didn’t work.

i tried to override main-options color css, but couldn’t do…

i need to make each tab button of a different color…

can you help me?
thx a lot

Reply To: Changing tabs colors to custom ones

IshYoBoy — Wed, 27 Aug 2014 16:49:50 +0000

Hi there,

To achieve color change you will have to add:

css_class=”my-custom-color”

to the shortcode so:
[tab_title pair=”tab2″ css_class=”my-custom-color”]

And then head out to Theme Options -> General Option -> Custom CSS and paste the following code for each tab color. Please note you need to style the regular state but also mouseover and active. Do not forget to change the name of the class “my-custom-color” for each of your colors in the code below:

/* Cutom Tabs Colors*/
.tabs-navigation li.my-custom-color a {
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}

.tabs-navigation li.my-custom-color a:hover,
.tabs-navigation li.my-custom-color.active a
 {
	background-color: yellow !important;
	color: #000000 !important;
}

/* Cutom Tabs Colors*/

.tabs-navigation li.my-custom-color a {

background-color: #FF0000 !important;

color: #FFFFFF !important;

}

.tabs-navigation li.my-custom-color a:hover,

.tabs-navigation li.my-custom-color.active a

{

background-color: yellow !important;

color: #000000 !important;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Changing tabs colors to custom ones

Piuomenoassociati — Thu, 28 Aug 2014 08:02:17 +0000

thx a lot, working like a charm, working a lot on this project, and i missed the .tabs-navigation lol

Reply To: Changing tabs colors to custom ones

IshYoBoy — Thu, 28 Aug 2014 11:36:47 +0000

Hey,

We’re glad we could help! Sometimes you need to make stronger selectors in order to override existing ones ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market