personnalize color of tabs et text tab module : JEvents - Latest Events Module

Hello,

This is controlled with CSS that you added from here:

https://www.jevents.net/docs/item/how-to-replicate-the-activities-tabbed-events-module

See the bit:

.moduletabs_title li:first-child background-color:#E9E944}

.moduletabs_title li:nth-child(2){background-color:#E08FE0 !important;}

.moduletabs_title li:nth-child(3){background-color:#fc0 !important;}

.moduletabs_title li:nth-child(4){background-color:#5E7DDF !important;}

.moduletabs_title li:nth-child(5){background-color:#C55B5B !important;}

.moduletabs_title li:nth-child(6){background-color:#4DB14D !important;}

.moduletabs_title li.active:hover:first-child{background-color:#E9E944 !important;}

.moduletabs_title li.active:hover:nth-child(2){background-color:#E08FE0 !important;}

.moduletabs_title li.active:hover:nth-child(3){background-color:#fc0 !important;}

.moduletabs_title li.active:hover:nth-child(4){background-color:#5E7DDF !important;}

.moduletabs_title li.active:hover:nth-child(5){background-color:#C55B5B !important;}

.moduletabs_title li.active:hover:nth-child(6){background-color:#4DB14D !important;}

It's setting the color:

first-child is first tab
nth-child(2) is the second tab

where it says: active:hover:nth-child it the same principle but set to show when your mouse hovers over it.

Many thanks
Tony