Archived topic

Increase Spacing Between List Items

5 replies · Started by Paul on September 9, 2021

Viewing posts 1–6 of 6

September 9, 2021 at 5:44 am #1924106

Hi,

I'm trying to increase the spacing between list items on my pages bullet pointed lists to about 20px. I've tried the css suggested in this question on generatepress forum but it would appear to not be making any difference for me.

The css (which I got from that other answer) is:

.entry-content ul li {
margin-bottom: 20px;
}

but this is not working for me on any of my pages. (my articles are in pages rather than in posts fwiw)

Any assistance would be great in what I'm doing wrong

Thanks

September 9, 2021 at 6:08 am #1924125

Hi there,

can you share a link to one of your pages where there is a list element ?

September 9, 2021 at 6:14 am #1924133

hi david

Here: https://www.racepulse.co/f1/betting-guide

The second bullet point list is an example of what I'd like spaced out.

September 9, 2021 at 6:22 am #1924141

You have some broken CSS in your Customizer > Additional CSS, the one from last CSS rule has no closing bracket it looks like this:

.rank-math-breadcrumb {
    font-size:16px 
.entry-content ul li {
        margin-bottom: 20px
    }

Replace that with:

.rank-math-breadcrumb {
    font-size: 16px;
}
.entry-content ul li {
    margin-bottom: 20px
}

September 9, 2021 at 6:23 am #1924143

Wow, sorry. Such a stupid mistake.

Thanks for pointing it out. It works now.

September 9, 2021 at 6:58 am #1924178

Glad to be of help :)

This archived topic is closed to new replies.

Start building better websites today.