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

❓Help
#1

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

#2

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;
}
5 Likes
#3

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

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