Home Forums WoodMart support forum Product tab font style adjustment

Product tab font style adjustment

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

    galaxyspace84
    Participant

    hello,
    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.
    #420400

    Hello,

    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.

    #479900

    studio84digital
    Participant

    Dear,

    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

    #479954

    Hello,

    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.

    #479988

    studio84digital
    Participant

    Yes, I’m aware of that. I can’t target the accordion tabs, tried multiple CSS commands. Can you help me out please?

    #480051

    Hello,

    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.

    #480385

    studio84digital
    Participant

    Dear, see attached.

    #480446

    Hello,

    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.

    #480459

    studio84digital
    Participant

    Perfect, thanks Aizaz

    #480590

    Most 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.

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

The topic ‘Product tab font style adjustment’ is closed to new replies.