[Resolved] H1 Tag and Line Height

[Stephen]

Hi,

For some reason the line height is not working on my H1 tags. Doesn’t matter what number I set it to, it makes no difference.

Thanks
Steve

[Leo]

Hi there,

Elementor is overwriting the style from GP:

.elementor-widget-heading .elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}

Let me know if this helps.

[Stephen]

Hi Leo,

I thought the elementor slogan is “works with any theme” 😉

Unfortunately that code did not help.

I can adjust the size of the font/heading but not the line height/gap in between the first, second and third lines.

Thanks
Steve

[Stephen]

Should have mentioned I’m using a child theme, not that should make any difference?

Steve

[Leo]

Hmm it should work if you adjust the CSS above to something like:

.elementor-widget-heading .elementor-heading-title {
    line-height: 2em;
}

But I would recommend checking with Elementor support to see if you can adjust it within the plugin instead of CSS.

[Stephen]

Thanks Leo.

I set the line height in elementor. I was trying to do it in GP as I prefer to use GP for typography. I guess you can’t win them all.

Steve

[David]

Hi Steven, in the Dashboard > Elementor > Setting you have the option to Disable Default Fonts. Check this and the theme typography settings will be applied. You can still manually edit them within Elementor for each widget and only those will override the theme.

[Stephen]

Hi David,

Congratulations on the new job 🙂

I have that option and “Colours” ticked already.

So, now I’m using the theme for the font and size and elementor for line height. A bit odd but it works 🙂

Thanks
Steve

[David]

Thanks Stephen
Yes you and Leo are right the heading widget overrides the heading tags…. duh…. i may raise a github issue with them.

[Author]

Posts