← Back to Help

How do I change the colors, fonts, and general layout of my Listed blog?

You can use CSS to stylize your blog as you see fit.

To stylize your blog with custom CSS:

  1. Create a new note in Standard Notes, and call it listed_styles.css (name doesn't matter).
  2. Use the following metadata structure, followed by some CSS, then publish the note to your blog.
---
metatype: css
---

html, body {
  font-family: "Avenir Next", sans-serif;
  color: #37424F;
}

h1 a, h2 a, h3 a, h4 a {
  color: #37424F !important;
}

.post-content {
  color: #37424F !important;
}

#author-header .bio {
  opacity: 1.0;
}