#1

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!

#2

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.

#3

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

#4

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
#5

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

The same to you

2 Likes
#6

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