Custom.css for NOW, DOING and priorities

Questions & Help
1

Having hard time customizing the todo appearence with custom.css, what is the syntax there?

2

What do you want to achieve? Could be as simple as this:

.TODO {
  background: orange;
}
1 Like
3

Thanks, that got me going. But is there general class name for TODO, NOW, LATER and Priorities? Also this apparently doesn’t change the checkbox color

4

Use View > Toggle Developer Tools to inspect the checkboxes as well as any element you’d like to style.

You can do something like: .todo, .done, .doing { stuff }, as well as .form-checkbox { stuff}, and .form-checkbox:checked, .form-checkbox:checked:focus { stuff } to style the checkbox.

Here’s an example:

image
image1586×368 17.9 KB

Hope that helps.

5
  • Class .block-marker covers multiple cases.
  • span:has(.block-marker) input { targets the checkbox.
  • Class .priority targets priorities.
  • Special requirements need special rules.
1 Like
6

Epic, thank you! The developer tools was what i needed.

7

thank you for the details, i will take a look at this too.