Home › Forums › WoodMart support forum › Product Page Tabs – Different layout
Product Page Tabs – Different layout
- This topic has 9 replies, 2 voices, and was last updated 3 years, 7 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
March 28, 2021 at 4:56 pm #276995
19xela86ParticipantHi 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!
March 29, 2021 at 7:40 am #277111
Aizaz Imtiaz AwanKeymasterHello,
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 StudiosMarch 29, 2021 at 7:50 am #277121
19xela86ParticipantCan 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.March 29, 2021 at 10:32 am #277178
Aizaz Imtiaz AwanKeymasterHello,
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
March 29, 2021 at 10:46 am #277183
19xela86ParticipantThank you!
What about “white text and accent color for links / mouseover” in this area?
March 29, 2021 at 12:03 pm #277225
Aizaz Imtiaz AwanKeymasterHello,
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
March 29, 2021 at 3:39 pm #277305
19xela86ParticipantThank 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.
March 30, 2021 at 7:06 am #277442
Aizaz Imtiaz AwanKeymasterHello,
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
March 30, 2021 at 9:20 am #277503
19xela86ParticipantThank you!
March 30, 2021 at 11:31 am #277554
Aizaz Imtiaz AwanKeymasterMost 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. -
AuthorPosts
Tagged: tabs
The topic ‘Product Page Tabs – Different layout’ is closed to new replies.
- You must be logged in to create new topics. Login / Register