Compact bullet list in reading mode

How to reduce this space distance to similar like in edit mode?

Hey Tre,

This will cut the vertical space between all list-items (in reading mode):

li {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1em;

And if you want to cut the space above and below each list, you’d use:

ul, ol {
    margin-top: 0px;
    margin-bottom: 0px;

I hope that works for you :frog:

Thanks, but this is not what i’m looking for.

Oh. This will cut the horizontal space between dot and text.

/* move the dot */
.markdown-rendered .list-bullet {margin-left: -8px;}

/* move the list item */
ul > li {margin-left: -5px;}

Screen Shot 2022-12-21 at 1.31.01 PM

1 Like


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.