Product Page Tabs – Different layout

Hi Guys,

is it possible on the product page where the tabs area is to have a different background color (dark) and a different text color (white)?

Thank you!

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

Can you extend that to the whole area? I want the whole area with a dark background, white text and accent color for links / mouseover.

Thank you!

Attachments:

You must be logged in to view attached files.

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

Thank you!

What about “white text and accent color for links / mouseover” in this area?

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

Thank you!

Is there still a possibility that the content of the tabs also appears in the same “light” colors? There is no problem with the product description, since I can change the color directly. But what about the attributes table and reviews?

It would be great if you could set the font to light for the entire tab area.

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

Thank you!

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.

[Author]

Posts