CSS formatting for unordered and ordered lists, across entire site

Hello!

I would like to add a 15px margin to the bottom of any list item that I publish to my site, in blog posts or on pages (including both bulleted, unordered lists and numbered, ordered lists).

I currently have formatting like this on a single blog post, but I use lists frequently and hope to avoid formatting each list, individually. Is there an easy way to do this with CSS?

Thank you,
Shannon

Hello There,

Thanks for writing in!

To add a 15px margin to the bottom of any list item that you publish in your site, in blog posts or on pages, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

#x-site .entry-content ul li,
#x-site .entry-content ol li {
    margin-bottom: 15;
}

Please let us know if this works out for you.

This works perfectly. Thank you very much! :smiley:

You’re welcome!
It’s good to know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.