Custom CSS Remove strikethrough from completed AND opacity=1 when in focus

Hi all,

I don’t really use complete for its most obvious function so I’m now using it to fade things so I can focus on what I want - for this function the strikethrough feels a bit weird, so does anyone know how to remove it? I can’t seem to get rid of it through the “font-decoration: none !important” function.

Furthermore, I would really love it if when I put the cursor in a checked item, it went back to being normal (i.e. not greyed out / low opacity) - and the same for its children. Anyone have an idea whether this is possible with the custom CSS?

Thanks!

Stephen

This custom CSS worked for me to remove the strikeout line:

.Node.is-checked > .Node-self .Node-content,
.Node.is-checked > .Node-self .Node-renderedContent {
  text-decoration: none;
}
4 Likes

Oh nice, thanks Craig! I wasn’t using the .Node-content or .Node-renderedContent thingamagigs … I don’t really know what they do compared to that code without it to be honest but glad it works :slight_smile:

1 Like

Thanks. The CSS is completely opaque to me, but just what I needed.