[Resolved] Add spacing to bullet lists on pages

[Jake]

Hello,

Trying to add space between bullet point lists on ordinary pages like home, about etc.

Tried:

ul li {
    margin-bottom: 15px;
}

But changes breadcrumbs and menu. Also tried:

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

But doesn’t seem to do anything. Any suggestions?

Is there also a way to change the size of the bullet points without changing the font size of lists? I.e. my font size is 18px, can I just change the bullet points to ~14px?

[Leo]

Hi there,

The second CSS should work.

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Jake]

Hey Leo,

I’ve added the site above.

I’ve also implemented the 2nd row of code, doesn’t seem to be working still.

Let me know.

[Leo]

Your site is under coming soon page.

Can you disable it for now?

[Jake]

Apologies, I didn’t save changes!

Should be up now.

[Leo]

Try replacing .entry-content with .site-content

[Jake]

Perfect, that’s worked.

Is there a way to decrease the size of the bullet points slightly?

[Leo]

Not really by default.

Here is a thread with some info:
https://stackoverflow.com/questions/7990429/how-to-control-size-of-list-style-type-disc-in-css

[Jake]

Great, thanks! 🙂

[Leo]

No problem 🙂

[Author]

Posts