How can I change H2, H3 for the XStore Theme

This topic has 8 replies, 3 voices, and was last updated 1 years, 11 months ago ago by Rose Tyler

  • Avatar: Schlee
    Schlee
    Participant
    June 12, 2022 at 15:16

    Hi,

    i want to change h1 h2 h3 tag font-size and weight/color so we we have a clear structure for Product Description…. where can I do this?

    Many thanks

    Mike

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 12, 2022 at 15:24

    Hello,

    Check this topic https://www.8theme.com/topic/responsive-headings/
    https://www.w3schools.com/cssref/pr_font_font-size.asp
    https://www.w3schools.com/cssref/pr_font_weight.asp
    https://www.w3schools.com/cssref/pr_text_color.asp
    Do you use Elementor or WPBakery? You can enable the editor for product description in settings of these plugins.

    Regards

    Avatar: Schlee
    Schlee
    Participant
    June 12, 2022 at 15:40

    Hi Rose,

    Wow, thanks for the fast feedback!

    So I will change the Design by changing custom CSS as mentioned

    h1 {
    font-size: 100px;
    }
    h2 {
    font-size: 80px;
    }
    h3 {
    font-size: 60px;
    }
    h4 {
    font-size: 40px;
    }

    What did you mean exactly with Elementor Procust Description? Yes we use Elementor.

    Thanks
    Mike

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 12, 2022 at 15:48

    Hello,

    Elementor > Settings > Post types > Products – https://prnt.sc/_QKc6ymiV0ap , then edit https://prnt.sc/w1KekBC_1DfI

    Regards

    Avatar: Schlee
    Schlee
    Participant
    June 12, 2022 at 16:17

    Many thanks Rose, this is exactly what I was looking for!

    Sorry for one last question. If I want to change the distance between the bullets (ul). This I also have to define in custom CSS?

    https://paste.pics/f35fab93d4e73deb3b063915acd42a26

    You as specialist, does it makes sense also to define the Body/Normal Text directly in Custom CSS?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 13, 2022 at 10:15

    Hello,

    You can set the body text size and styles from Theme Options > Typography, but don’t forget units when you set the font-size, for example, 16px or 1rem etc.

    Provide us with a link to a page where you have an unordered list to check the space and help you with custom CSS.

    Regards

    Avatar: Schlee
    Schlee
    Participant
    June 14, 2022 at 12:02
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 14, 2022 at 14:03

    Hello,

    You need to use custom CSS code:

    .single-product .type-product li {
        margin-bottom: 0px;
    }

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.