[Resolved] Feature request: Letter spacing in Typography

[Harvey]

I’d love to have the ability to control letter spacing in each section of Typography in the Customizer.

[Leo]

Hi Harvey,

Good suggestion 🙂 That’s already in the plan for sure.

Let us know know if you need some CSS to adjust them in the mean time!

[Harvey]

Thanks — I can wait, as there are too many other things to do!

[Leo]

You’re welcome. I’ll try to remind you here whenever the feature is added 🙂

[Tom]

How would you control the letter spacing? Using px? ems?

[Harvey]

Personally, I like to use a slider to judge visually and then take the results in px to transfer elsewhere.

To answer your question directly, I recall the advice of an ergonomy expert, “When you’re trying to decide between two user-side choices, the right answer is usually both.”

[Tom]

Thanks! Really appreciate the feedback 🙂

[Hugo]

Hi Tom. I need some ccs to change letter spacing in content heading h1, h2, and h3.
If you can provide it. Thanks a lot.. Love GP.

[Leo]

Should be something like this:

h1.entry-title {
    letter-spacing: 2px;
}
h2.entry-title {
    letter-spacing: 2px;
}

Let me know.

[Tom]

.entry-title will make it so it only targets the page/post title.

If you want ALL h1s etc.., just remove the class from the CSS.

[Hugo]

Excellent. Works ok Without thee ccs class .entry-title

Thanks Tom

[Tom]

No problem 🙂

[Bob]

What CSS would I use to add letter spacing to Primary Menu items? Thanks!

[Leo]

Hi Bob,

Try this:

.main-navigation .main-nav ul li a {
    letter-spacing: 2px;
}

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

[Bob]

Thanks for quick reply Leo! Perfect! Did the job.

I had trouble using Chrome Inspector isolating what class I needed to edit. You saved me a lot of time. Thank you.

[Author]

Posts