how to customize single product’s Tab style and pagetitle height?
-
Hi,
I’d like to customize the single produt’s tab, the color, the font, the style. where and how to style it?
By the way, the pagetitle background height, how to customize it ? I hope it is in the fix height.
Attached pls find the screenshot .
Looking forward to your kind early reply.
C athy
Attachments:
You must be
logged in to view attached files.
Hello,
01. Navigate to Theme Settings > Single product > Tabs and check the tabs layout. If you want to change font settings.
Navigate to Theme Settings > Typography > Advanced Typography > Create a new rule for the “Single product tabs” item and adjust the font settings as needed.
For detailed instructions, please refer to the documentation: https://xtemos.com/docs/woodmart/advanced-typography-settings/
02. Regarding page title size, navigate to Theme Settings -> Page title -> and change the “Page title size”.
Best Regards,
Hi, Dear Aizia,
Thanks for your kind reply.
I just want to know how to modify the style of single product’s Tab. pls check the attached , I don’t know where to style the single-product tab just as I do in frontpage. I need the tab similar appearance as in frontpage with blue background.
Best regards,
Cathy
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS. Change the color code as per your requirements.
/* Tabs navigation background */
.product-tabs-wrapper .wd-nav-tabs {
background-color: #1e73be;
padding: 10px;
}
/* Active tab */
.product-tabs-wrapper .wd-nav-tabs > li.active > a {
background-color: #9c3a15;
color: #ffffff;
}
/* Tab titles */
.product-tabs-wrapper .wd-nav-tabs > li > a {
color: #ffffff;
font-weight: 600;
}
Best Regards,
.
