How to Indent Bullet Lists in Divi

by | Mar 31, 2020 | Divi Tutorial | 13 comments

In this tutorial, I’ll show you how to How to Indent Bullet Lists in Divi and the beauty with this trick is, it’ll also work for Indenting Numbered Lists in Divi as well!

We’re going to go from this:

Bullet and numbered lists in Divi BEFORE adding this CSS trick.

To this:

Bullet and numbered lists in Divi AFTER adding this CSS trick.

And the best part is, once you have this code in your Custom CSS, this trick will work on all bullet and numbered lists across ALL Divi modules. Not just the text module as shown in the tutorial.

Here’s the CSS Code:

.entry-content ol, .entry-content ul {
	padding: 30px 0px 30px 50px;
	list-style-position: outside;
}

.entry-content ol li, .entry-content ul li {
	margin-bottom: 10px;
}

Be sure to add this snippet of CSS to your Custom CSS area or Child Theme Stylesheet. In short and as explained in the tutorial, we targeted the bullet lists (ul) and numbered lists (ol) and adjusted the padding and spacing around each. Then we targeted each list item (li) within those and added some margin on the bottom to separate each one, making for a super pleasing and nice look 🙂 Just tweak the padding and make it your own!

Interested in Divi?

Get a special discount when you use my affiliate link!

Purchase Divi HERE & Save 10%


Links Mentioned:

Recommended Courses: