[Support request] Heading font size

[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

[Leo]

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 🙂

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

[Leo]

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?

[Suresh]

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

[Leo]

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 🙂

[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!

[Leo]

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

Which page can I see it?

Let me know 🙂

[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/).

[Leo]

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 🙂

[Author]

Posts