Archived topic
Bullet Point line spacing
10 replies · Started by David on June 19, 2017
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
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.
Or you can adjust the exact spacing between list items:
.entry-content li {
margin-bottom: 30px;
}
Thanks Tom and Leo. Sorted.
Glad we could help!
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
Can you link us to the page? Thanks!
I’m hosting the page locally (MAMP) at this stage Leo. So no, I don’t think so, unless I’m mistaken...?
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.
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.
Sounds good! :)