I want to adjust the position of the text inside bullet list (outside callout)

Custom CSS & Theme Design
1

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

What I’m trying to do

As the title described, I want to push the bullet list text to the left, not the bullet itself (I want the bullet to stay where they are) but the text.

Things I have tried

I have tried this code:

.markdown-source-view.mod-cm6 .cm-content li {
padding-left: 5px;
} */

It works, but this just move the bullet list text contain inside callout. I want to target specifically the bullet list text outside of callout (and the ones in callout to remain as it is).

2

Here’s one way:

/* Live Preview */
.is-live-preview .list-bullet {
	padding-right: 4px;
}

/* Reading */
.markdown-reading-view .list-bullet {
	padding-right: 16px;
}
.callout .list-bullet {
	padding-right: unset;
}
2 Likes
3

Thank you so much!

4

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