[Support request] Increase spacing between items in a bullet list?

[Earl]

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!

[David]

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.

[Earl]

Thanks, David! Could I modify this CSS to also affect numbered lists? (Not saying I need to right now, but you never know…..)

Earl

[David]

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;
}

[Author]

Posts