Custom CSS (font size) for a single note in preview mode

Help
,
2

You can create a specific cssclass in yaml frontmatter and apply it only in the notes you want.
For example:

  1. define cssclass in yaml frontmatter (top of the page)
---
cssclass: taskspage
---
  1. Create your css snippet for that taskspage class
/* for generic text */
.markdown-preview-view.taskspage {
  font-size: 11px;
}

/* for heading h1 */
.markdown-preview-view.taskspage h1 {
  font-size: 15px;
}

/* ... */
3 Likes