Obsidian as Recipe Manager and Shopping list (Tutorial)

[danwize]

I used this css snippet to make my todo list items not be crossed out:

/* Reading Mode: Prevent strikethrough and dimming for checked items /
.no-checkbox-crossout .task-list-item.is-checked {
text-decoration: none !important; / Remove strikethrough /
opacity: 1 !important; / Ensure full opacity /
color: inherit !important; / Retain original text color /
–checklist-done-color: inherit !important; / Reset color variable */
}

/* Editing Mode: Prevent strikethrough and dimming for checked items */
.no-checkbox-crossout [data-task=“x”] {
text-decoration: none !important;
opacity: 1 !important;
color: inherit !important;
–checklist-done-color: inherit !important;
}

Just save that css file in your .obsidian/snippets folder and activate it in your appearance settings

Then you add a property to your page: cssclasses: no-checkbox-crossout

Better yet, add that property to your recipe template. This way you can keep the checkbox styling you like in the rest of your system but use the no cross out for your recipes.

CSS for specific pages

Hi @hepabolu, you can do this by adding the cssclass property to your YAML frontmatter. So in your weekly note template, you could add the following to the top of the note: --- cssclass: "weekly-note" --- Then in your CSS snippet, make sure to only target pages with the .weekly-note class. Hope that helps, and if you don’t mind sharing, I’d love to see a screenshot since I’m curious about how people use their weekly notes!