Home › Forums › WoodMart support forum › Product tab font style adjustment
Product tab font style adjustment
- This topic has 9 replies, 3 voices, and was last updated 1 year, 7 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
November 11, 2022 at 8:00 am #420284
galaxyspace84Participanthello,
can you please show me how to resize and change font case of product tab header ?
please see attached screen shot.and also please show me how to put a trust badge of image on single product ?
thank you
Attachments:
You must be logged in to view attached files.November 11, 2022 at 1:54 pm #420400
Aizaz Imtiaz AwanKeymasterHello,
1- You can try out the following Custom Selector in this regard on your Site under the Dashboard > Theme Settings > Typography > Advanced > + Add Rule > in that you need to select Custom Selector > then you need to paste the below-given CSS class:
.wd-tabs-header .wd-nav-tabs-wrapper ul li a span
After that you can set the Font adjustments accordingly. See this image for reference: https://ibb.co/5sQpmT3
For the Single big Tab header title, you can try out the following Custom Selector:
.wd-tabs-header .tabs-name .tabs-text
To use this for Font adjustment, the same above method needs to be followed for this too.
2- Actually, that Trust Badge Image is added through using the Custom Single Product Layout that you can make under the Dashboard > Layouts > Single Product using the Theme’s Layout Builder.
You can get more information regarding that here: https://xtemos.com/docs-topic/single-product-page-builder/
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/Here is the Image link that was used: https://blackpearlspro.com/woodmart_support/wp-content/uploads/2022/09/guaranteed-safe-checkout-bordered.jpg
And under the Custom Single Product Layout, the Image or SVG Theme element was used to add that: https://ibb.co/9ZB8Q7s
Best Regards.
July 7, 2023 at 2:19 pm #479900
studio84digitalParticipantDear,
I have a similar question for the default product accordion tabs on the product page.
Screenshot: https://media.studio84.be/Apug9Bbm
Can you help me to change the font?Kind regards
July 7, 2023 at 4:53 pm #479954
Aizaz Imtiaz AwanKeymasterHello,
You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
Best Regards.
July 7, 2023 at 6:35 pm #479988
studio84digitalParticipantYes, I’m aware of that. I can’t target the accordion tabs, tried multiple CSS commands. Can you help me out please?
July 8, 2023 at 10:47 am #480051
Aizaz Imtiaz AwanKeymasterHello,
Please share the wp logins details of your site i will check and give you a possible solution. Also share the page url.
Best Regards.
July 10, 2023 at 12:23 pm #480385
studio84digitalParticipantDear, see attached.
July 10, 2023 at 3:51 pm #480446
Aizaz Imtiaz AwanKeymasterHello,
Your issue has been resolved. I have added a small custom css code in your site.
Change the font family as per your need.
Best Regards.
July 10, 2023 at 4:31 pm #480459
studio84digitalParticipantPerfect, thanks Aizaz
July 11, 2023 at 10:13 am #480590
Aizaz Imtiaz AwanKeymasterMost Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.Topic Closed.
Best Regards. -
AuthorPosts
The topic ‘Product tab font style adjustment’ is closed to new replies.
- You must be logged in to create new topics. Login / Register