Hide checkbox bullet

[jhshda]

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.

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

Thanks!

[ZenMoto]

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.

[jhshda]

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

[ZenMoto]

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

[jhshda]

That did it! Thanks a lot mate!

The same to you