Hide Checked ToDo’s?

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

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;
}

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

Great, thanks!

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)