[Resolved] how to html spacing between numbered list

Home Forums Support how to html spacing between numbered list

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1383631
    Mary

    Hi,

    I know how to change line spacing on numbered list but what I can’t figure out is how to change the line spacing between the numbers. When I use the regular “line-height: 3;” it applies to all lines, resulting in too much space. I just want to have more space after between numbers.

    Here’s a screenshot: https://prnt.sc/ts604z

    Thank you!

    Mary

    #1383777
    David
    Staff
    Customer Support

    Hi there,

    you can add bottom margin to each of the list items. This CSS will apply to all ordered lists within the content of your post.

    .entry-content ol li {
        margin-bottom: 2em;
    }

    If you want it to apply to unordered lists as well you can use this:

    .entry-content ol li,
    .entry-content ul li {
        margin-bottom: 2em;
    }

    Please note that UL lists are quite commonly used in HTML from other plugins, and if they do not have specific styles the above CSS may affect them.

    #1383788
    Mary

    Hi David,

    Worked like magic! Thank you so so much!

    #1383811
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.