[Support request] Heading font size

Home Forums Support Heading font size

  • This topic has 9 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #997505
    Suresh

    Good evening,

    I’ve just installed your theme and I am trying to play with the font size.
    While some of the option are working, many are not for example, I can’t change the font size of H1 or the H2 Bottom Margin.

    Thanks

    #997536
    Leo
    Staff
    Customer Support

    Hi there,

    Go to Additional CSS field in the customizer and remove this CSS:

    h1, h2, h3, h4, h5, h6 {
    	margin: 0;
    }
    h3 {
    	margin: 0;
    }

    Let me know if this helps 🙂

    #997540
    Suresh

    Hi Leo,

    Thanks for your reply.
    I just tried deleting that code but there is no improvement.
    I also disabled Elementor as suggested in a different topic, with no luck.

    #997542
    Leo
    Staff
    Customer Support

    Can you specify which heading you are referring to?

    The “FOLLOW US AND RECEIVE THE BEST DEALS DIRECTLY ON YOUR PHONE” line on the home page?

    #997546
    Suresh

    Yes exactly, I can’t change its font size. But also other parts of the Web are not changing.

    #997547
    Leo
    Staff
    Customer Support

    Ok yeah Zeal definitely has some weird CSS going on.

    The font size of that line is set by this CSS which you can also remove:

    .main-hero-wrap h1 {
    	font-size: 68px;
    	line-height: 72px;
    }

    And the line after is set by this CSS which you can also remove:

    .main-hero-wrap p {
        font-size: 18px;
        max-width: 700px;
        margin: 0 auto 60px;
    }

    Let me know which other sections you are having trouble with. I’m happy to walk you through to remove the unnecessary CSS 🙂

    #1016906
    Suresh

    Hi Leo,

    I have decided to wipe all the content of Zeal theme apart from the header, footer etc.
    I replaced those contents with an Elementor template.

    I now see that many things are messed up because of custom Zeal custom CSS (i.e. the margin on the left). Would it be possible to fix those, not more needed, custom CSS?

    Alternative, would you recommend me to use another Generatepress Template that doesn’t use such a massive custom CSS?

    Thanks for your help!

    #1016917
    Leo
    Staff
    Customer Support

    Sorry I’m not quite sure what margin-left issue you are referring to?

    Which page can I see it?

    Let me know 🙂

    #1017036
    Suresh

    Sorry, I could have explained myself better 🙂

    For example, my homepage looks very different from what the template should be (see https://library.elementor.com/homepage-business/).

    #1017107
    Leo
    Staff
    Customer Support

    Have you checked with Elementor about this?

    GP’s container is full width (as it should be) and the rest should be handled by the page builder itself.

    If you need more help on this, please open a new topic as it isn’t related to the original question.

    Thanks 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.