[Support request] Bullet Point line spacing

[David]

Does anyone know how to increase the paragraph spacing between bullet points? The line spacing is fine, and I can adjust it using the typography customising tools, but I’d like more separation between each of the bullet points – like a paragraph space. Each of my bullet points has two or three lines of text.
Thanks,
Dave

[Leo]

Hi there,

You can adjust the line height for body in Customizer > Typography > Body.

If you just want to adjust the line height for the bullet points, try this CSS:

.entry-content ul {
    line-height: 2em;
}

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

Let me know.

[Tom]

Or you can adjust the exact spacing between list items:

.entry-content li {
    margin-bottom: 30px;
}

[David]

Thanks Tom and Leo. Sorted.

[Leo]

Glad we could help!

[David]

Guys, I spoke too soon.

I copied the code and set about learning what to do with it.
I’m working in a child theme and the page I am editing has sections.
I tried pasting the code in Customise/Additional CSS. Nothing.
I downloaded and activated the Simple CSS plugin and tried Customise/Simple CSS. Nothing.
I found the Simple CSS field at the bottom of my Edit Page and pasted the code in there. Nothing.

Thoughts?

Cheers,
Dave

[Leo]

Can you link us to the page? Thanks!

[David]

I’m hosting the page locally (MAMP) at this stage Leo. So no, I don’t think so, unless I’m mistaken…?

[Tom]

You might need to re-create the issue on a live URL, or update us when the site is live so we can look. These things are super hard to debug without inspecting the code.

[David]

Understood, and appreciated. It’s not a biggie, and the client doesn’t care, it just bugs me that’s all. I’ll be back in touch when the site is live. Many thanks for being so responsive and accessible.

[Tom]

Sounds good! 🙂

[Author]

Posts