Editing H1 line-height…

  • Resolved Jack Sarlo

    (@redhalls)


    5 years, 10 months ago

    Hi,

    I’ve setup h1 css code in WordPress, and then when I use the ‘heading’ element I set the ‘html tag’ to H1 and leave styles to default.

    h1 {
	color: #008000;
	font-family: Amethysta;
	font-weight: bold;
	text-rendering: optimizelegibility;
	font-size: 36px;
	text-align: center;
	line-height: 46px;
	letter-spacing: -0.03em;
}

    But the h1 on my site don’t obey that line-height. I right clicked and used ‘Inspect’…
    and it appears this is the problem:

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

    It’s kind of overwriting my line-height:46px.

    How do I fix this please?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this: Either add .elementor-widget-heading .elementor-heading-title { line-height: 46px; }

    or

    change your h1 line-height to line-height: 46px !important;

    Thread Starter Jack Sarlo

    (@redhalls)

    Hi,

    Yes, that worked. I used this one:
    line-height: 46px !important;

    Thanks a bunch!!! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Editing H1 line-height…’ is closed to new replies.