Hide checkbox bullet

I’ve changed the css using snippets to have different bullet symbols, however, when doing that I seem to have overwritten what hides the bullets in the checklists.

Screenshot 2021-10-07 at 13.47.45

Screenshot 2021-10-07 at 13.47.39

Is there a way to manually hide the bullet symbols from the checklists again without having to remove the custom bullet symbols?

Thanks!

What is the css you added to create the custom bullets?

Asking because you may need to target a more specific class.

Or add a {display:none;} for your checklists.

I used the following css to create custom bullets:

ul li::marker {
content: '◉ ';
}

ul ul li::marker {
content: '◍ ';
}

ul ul ul li::marker {
content: '✦ ';
}

I tried to use display: none but that removed the checkbox and not the underlying bullet using this CSS

.markdown-preview-view .task-list-item-checkbox {
display: none;
}

Thanks

Aloha amigo,

This is how you do it:

li.task-list-item::marker { content: ' ' !important; }

That fixes it by removing all check-box-bullets.

Let me know if it doesn’t.

Enjoy today :surfing_man:

1 Like

That did it! Thanks a lot mate! :slight_smile:

The same to you

2 Likes