Product Tab Background

Hi,

I just planned to make my product tab background to black colour. Just only on the product tab. Other remain default colour which white.

Example at screenshot attached.

It is possible to do that, if yes could please assist from white to black.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-tabs-wrapper {
background-color:red;
}

Please set your color.

Best Regards

Hi,

Ok now i can change background with my color.

But how change a color for product tab name to white? And font color of description to white also.

Attachments:

You must be logged in to view attached files.

Hello,

body .product-tabs-wrapper {
background-color:black;
}
body .tabs-layout-tabs .tabs li a {
color:white;
}
body .tabs-layout-tabs .tabs li a:hover {
color:white;
opacity:0.7
}
body .tabs-layout-tabs p {
color:white;
}

If you have any questions please feel free to contact us.

Best Regards

Hi,

It working great on the desktop view.

But on the mobile version, it doesn’t work.

Is any CSS needed for mobile view?

Hello,

Please replace the code with this one, I have added styles for the list as well:

body .product-tabs-wrapper {
background-color:black;
}
body .tabs-layout-tabs .tabs li a {
color:white;
}
body .tabs-layout-tabs .tabs li a:hover {
color:white;
opacity:0.7
}
body .tabs-layout-tabs p {
color:white;
}
body .tabs-layout-tabs li {
color:white;
}
body .wd-accordion-title:hover{
color:white;
  opacity:0.7;
}
body .wd-accordion-title{
color:white;
  opacity:0.7;
}
body .woocommerce-Tabs-panel .title {
color:white;
}
body .woocommerce-Tabs-panel p {
color:white;
}
body .woocommerce-Tabs-panel li {
color:white;
}

Best Regards

[Author]

Posts