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

[INoViodiUMNE]

Currently the bullet points indent the bullet point itself.

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.

[soma]

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

[INoViodiUMNE]

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;
}

[soma]

Nice!
Thanks for sharing

[malecjan]

Someone might find useful also related build-in (no CSS) setting:
Obsidian → Settings → Editor → Tab size

[soma]

Thanks!