H1 Tag and Line Height

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.

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

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

Steve

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.

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

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.

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

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