Archived topic
Increase spacing between items in a bullet list?
3 replies · Started by Earl on August 2, 2019
Hi! I would like to be able to increase the spacing between list items in a bullet list. I found a couple of solutions by Google searching, but they seem to require manually putting in a style element in every list item. I'd like to be able to do it as a configuration that would take effect over every blog post.
Thanks!
Hi there,
you can add this CSS to your site to add some bottom margin to each of your list items:
.entry-content ul li {
margin-bottom: 25px;
}It will apply to all lists that are within your post content.
Thanks, David! Could I modify this CSS to also affect numbered lists? (Not saying I need to right now, but you never know.....)
Earl
Certainly the UL would become an OL (ordered list) like so:
.entry-content ol li {
margin-bottom: 25px;
}If both UL and OL have the same bottom margin you can do this:
.entry-content ul li, .entry-content ol li {
margin-bottom: 25px;
}