Change tab colour

Hello @kathydtg,

It looks like you have a css class on each of the tabs so you could target them pretty easilily. If you don’t have a place that you could add custom CSS with your workflow you can add it with the customizer. Appearance > Customize > Additional CSS.

.description_tab {
     background-color: red !important;
}

.contents_tab {
     background-color: orange !important;
}

.look-inside_tab {
     background-color: yellow !important;
}

.about-the-author_tab {
     background-color: green !important;
}

If you want to change the text color on the active tab you can create rules for each tab:

.description_tab.et_pb_tab_active {
     color: white !important;
}

.contents_tab.et_pb_tab_active {
     color: white !important;
}

.look-inside_tab.et_pb_tab_active {
     color: white !important;
}

.about-the-author_tab.et_pb_tab_active {
     color: white !important;
}

I’m using !important to make sure your current themes styles are taken over so you may or may not need those going forward but I added it just to make sure this example works perfectly for you!

Have a good week!
Freddie