Hide Checked ToDo’s?

Resolved help
#1

Hi,

Apologies if this has been asked before (I searched but couldn’t find any related posts)…

Is there a way to hide checked/completed todo items in either edit or preview?

I’ve used a few different themes and while some offer a strike through, I can’t find any that will automatically hide a checked item. Is this possible?

Thanks!

1 Like
#2

Hi, this is possible with CSS if you’re comfortable creating a CSS snippet with the following content:

.markdown-preview-view ul > li.task-list-item.is-checked {
  display: none;
}

image
image2296×268 27.3 KB

There is also a Community plugin called “Completed Task Display” that provides a toggle for showing and hiding completed tasks in preview mode.

#3

Great, thanks!

#4

Thanks I’ve been using this, it works great! Any idea how to implement strikethrough formatting on checklists in editor mode? (Like they function in preview)