[css] How can I reduce the indentation of the bullet points?

Currently the bullet points indent the bullet point itself.
Screen Shot 2020-11-12 at 11.37.28 PM
However, I would like the bullet point to be flush-left with the content.

How can I do that?
I would appreciate css help.
Thank you.

1 Like

The following CSS snippet worked perfectly for me.

ul {
padding-inline-start:1em;
}

You can also set it to “0em”. But that pushed the bullet points into the gutter and I didn’t like that.

Hope this helps :slight_smile:

1 Like

Awesome, I did the same to numbered lists, and it looks great! For me 1.1em is the sweet spot:

ul {
padding-inline-start: 1.1em;
}
ol {
padding-inline-start: 1.1em;
}
1 Like

Nice!
Thanks for sharing :smile: