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:- Create a new note in Standard Notes and call it
theme.css
(name can be anything). - Use the metadata structure below, overriding any of the variables with your desired color values.
- Publish the note to your blog (the note won't actually appear in your blog, but the style changes will apply immediately).
A list of pre-defined CSS colors can be found here.
You can create the perfect colors using Adobe's Color Wheel
Note that you can also specify custom CSS here as well:
#
ExamplesYou can restrict the width of your entire Listed blog like this:
or you can restrict the width of only your content (and not the header) like this:
If you want to center your content, you will want to set the left and right margins to have auto
widths: