Tabs with different colors

Support
#1

Hello,
(I would like to have 3 different tabs with 3 different colors […])
It’s ok, I’ve found the solution !

#2

Glad to hear you got it sorted.

Cheers!

#3

oooh would have loved to see the code how you did it!

#4

Hi There,

First add a class colored-tab to your Tab element. And then add this on X > Launch > Theme Options > CSS

.colored-tab [data-cs-tab-index="1"],
.colored-tab li.active [data-cs-tab-toggle="1"] {
	background-color: aqua;
}

.colored-tab [data-cs-tab-index="2"],
.colored-tab li.active [data-cs-tab-toggle="2"] {
	background-color: aquamarine;
}

.colored-tab [data-cs-tab-index="3"],
.colored-tab li.active [data-cs-tab-toggle="3"] {
	background-color: cadetblue;
}

Feel free to change those color values.

Cheers!

#5

Thank you so much for your reply!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.