Product Page Tabs – Different layout

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.tabs-layout-tabs .tabs {
    background: black;
}

.tabs-layout-tabs .tabs li a {
    color: white;
}

Regards.
Xtemos Studios

Hello,

I saw the screenshots you attached.

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.product-tabs-wrapper {
    background: black;
}

Best Regards

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.tabs-layout-tabs .tabs li.active a {
    color: red;
}

.tabs-layout-tabs .tabs li > a {

    color: red;
}

.tabs-layout-tabs .tabs li > a:hover {
color: orange;
}

Best Regards

Hello,

You are Most Welcome.

You can try using the advanced typography Settings under Theme Settings >> Typography. And then you can set color schemes according to your needs.

You can read our detailed documentation about advanced typography in the following link:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Most Welcome 🙂

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

please, help us improve our theme and servicing by filling the following quiz
https://8uehqcg4tjy.typeform.com/to/IgyV2EiP
it won’t take more than 2 minutes of your time 🙂

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards.