Home Forums WoodMart support forum Product Page Tabs – Different layout

Product Page Tabs – Different layout

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #276995

    19xela86
    Participant

    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!

    #277111

    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

    #277121

    19xela86
    Participant

    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.
    #277178

    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

    #277183

    19xela86
    Participant

    Thank you!

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

    #277225

    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

    #277305

    19xela86
    Participant

    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.

    #277442

    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

    #277503

    19xela86
    Participant

    Thank you!

    #277554

    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.

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Product Page Tabs – Different layout’ is closed to new replies.