Skip to main content

Paragraph spacing space between bullet pointed or numbered, list items

Navigate to YOOtheme > SETTINGS > Custom Code and into the field "CSS/LESS" insert the following CSS:

/* bullet list - force paragraph space to match - YOOtheme > STYLE > Base > Margin > Vertical. */
ul:not([class]) li + li {
margin-top: @base-margin-vertical;
}

FULL ANSWER

You could edit the HTML markup and change the opening tag of the "Unnumbered List" element from

<ul>

to

<ul class="uk-list">

This is the recommended approach.

Alternatively, navigate to YOOtheme > SETTINGS > Custom Code and into the field "CSS/LESS" insert the following CSS:

ul:not([class]) li + li {
margin-top: @base-margin-vertical;
}

This would inherit the default margin between paragraphs as defined via YOOtheme > STYLE > Base > Margin > Vertical.

You can replace the variable @base-margin-vertical by a lenght of your choice. Just make sure to use an integer followed by a unit, like 20px for example.

  • Hits: 7