Snippet: Add Extra Space Between List Items

  • Updated:

By default the Total theme doesn't add any extra space between list items (currently - as this is subject to change). The reason is primarily to prevent conflicts with 3rd party plugins that may use lists. If you want to add a little extra spacing between your list items we recommend adding some custom CSS like the following snippet. This code will target any list items that do not have a custom classname and will add an extra margin to the top of each one.

li:where(:not([class])) {
	margin-block-start: 1em;
}
Learn how to add custom CSS to your site.
Back To Top