How to Fix H1 Tag Line Height Issue in GeneratePress?

  • Resolved Shivam Pandey

    (@wikihelp360)


    4 years, 3 months ago

    Hi David,
    hope you are fine.

    Recently I changed the font of my website from “Open Sans” to “Verdana”. Then I noticed that the H1 heading tag does not look good, you can see the image below. I want to increase the line-height of the H1 tag, so please help me to fix this issue.

    font.png

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

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

  • Hi there,

    you can set the Lineheight of the H1 in Customizer > Typography > Headings.
    Make sure to clear any caches / optimization plugins / browser caches if the change is not updated.

    Thread Starter Shivam Pandey

    (@wikihelp360)

    Hi David,

    It works like a charm!! ??

    The default line height was set to 1.2 em and I changed it to 1.4 em. Please see the image below, is everything set properly?

    H1 Line Height.png

    Leo

    (@leohsiang)

    Looks good ??

    Thread Starter Shivam Pandey

    (@wikihelp360)

    Hi Leo and Team,

    I changed the size of the default Body Font from 17px to 19px and also changed the default Line Height from 1.5 to 1.7. Please see the image below, Is everything okay according to “Google Mobile Friendly” guidelines?

    Thanks for Your Help.

    Body Font and Line Height.png

    That looks fine.

    Thread Starter Shivam Pandey

    (@wikihelp360)

    Perfect! Thank you, David! ??

    Everything is working perfectly now!

    Thanks again for your awesome support!

    You’re welcome

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to Fix H1 Tag Line Height Issue in GeneratePress?’ is closed to new replies.