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

Result:
Screen Shot 2022-12-21 at 1.31.01 PM

1 Like

Thanks!

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