individual products tab colour

To change the colours of the text and background for the tabs, you could add the following to the “Custom CSS” box:

.upcp-tabbed-layout-tab {
background-color: #E6821E;
}
.upcp-tabbed-layout-tab a {
color: #000;
}

Of course, you’d have to change the exact colour values to those that you wanted.

I have wondered the same thing. When i add the code to the Product catalog custom CSS, above some other code, nothing changes. Here is what I have.

background-color: #000000;
}
.upcp-tabbed-layout-tab a {
color: #fff;
}
.Black-prod-cat-header-div {display: none;}
.upcp-thumb-toggle-icon {display:none;}
upcp-list-toggle-icon {display:none}

Did i mess something up?

Hi JS,

Could you provide a link to an individual product page on your site that is using the tabbed layout, so we could take a look?