Adjusting the Line Spacing in the Fonts for H1 and H2

Hi there,

Have you tried the options in Customizer > Typograph > Headings?

Yes, there's no option to change the spacing between letters

Aren't you looking to adjust the line-height option?

Or you are looking to adjust the letter-spacing?
https://www.w3schools.com/cssref/pr_text_letter-spacing.asp

thanks, letter-spacing

CSS is required for that.

Try:

h1 {
   letter-spacing : 2px
}
h2 {
   letter-spacing : 2px
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Thanks I used that code and didn't seem to make a difference. I played around with the px number too

Can you edit the private URL field in the original topic to only include the GP site?

Then guide me to the element you are referring to.

Thanks.
Looking at the elements for:

Explore Tokyo's Most Popular Districts

And
Explore GeneratePress Catalyst

Thanks!

Looking to make the space even smaller, similar to my original non generate press site.

If you are referring to the headline in the page hero, then go to Additional CSS field in the customizer and edit these two blocks:

.hero-headline {
    font-size: 34px;
    letter-spacing: 6px;
}

@media( max-width: 768px ) {
    .hero-headline {
        font-size: 27px;
        letter-spacing: 2px;
    }
}

The second block is for mobile only.

thank you!

No problem :)