Hide certain properties

Custom CSS & Theme Design
6

Given this frontmatter:

---
toBeHidden: some value
cssclasses:
  - forThisNote
---

You could this CSS to hide the first property:

.forThisNote .metadata-property[data-property-key="toBeHidden"] {
 display: none;
}

And if you wanted in addition to hide myGloballyHiddenProperty you could use:

.metadata-property[data-property-key="myGloballyHiddenProperty"],
.forThisNote .metadata-property[data-property-key="toBeHidden"] {
 display: none;
}

And from there on you could just keep stacking up new globally or locally hidden properties. Hopefully you’re now able to see the pattern and can adapt to hide whichever property you want. :smiley:

3 Likes