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

Home Forums Support Increase spacing between items in a bullet list?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #974296
    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!

    #974355
    David
    Staff
    Customer Support

    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.

    #974380
    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

    #974384
    David
    Staff
    Customer Support

    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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.