How to make every title of Tabs have different color

Posted in: Newspaper
Post count: 3
am1rnet
#103389
Apr 3, 2016 at 11:52 am

I want to have different background color for every Title of Tabs (tabbed content).., please help, how to write the css code for this?

Tabs titles, multi-colorhttp://www.screencast.com/t/10bGw9o3iP8w

thx,

  • This topic was modified 10 years by am1rnet.
  • This topic was modified 10 years by am1rnet.
Post count: 22421
Bogdan B.
#103507
Apr 4, 2016 at 1:39 pm

Hi,
You can use css to achieve this result, but you need to leave the color settings to default (grey) otherwise visual composer will make the tabs lose their style and apply the plugin style to them.
You can use this code:
.vc_tta-tabs-list :nth-child(2) a {
background-color:red!important;
}
.vc_tta-tabs-list :nth-child(3) a {
background-color:green!important;
}
.vc_tta-tabs-list :nth-child(4) a {
background-color:blue!important;
}
This was created for an element that has 4 tabs. if you have more or less, then either add another line of code and change the num,ber 4 with 5 from the child selector or simply remove the last part if you have 3 tabs.
result:
http://screencast.com/t/lh0OGwei9K

Thank you!

Post count: 3
am1rnet
#103983
Apr 7, 2016 at 6:55 am

Perfect
Thanks

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.