ℹ️ Custom CSS

Documentation
1

You can pick from several default themes for your Micro.blog-hosted site. You can also add CSS to further customize the design of your site.

To edit your site’s CSS, go to choose Design from the main menu on the web and click the “Edit CSS” button. When you type or paste in a snippet of new CSS and click “Update CSS”, your microblog will be republished with the custom CSS.

If you wanted to customize all the photos on your microblog to include a border, you might add CSS like this:

img {
  border: 1px solid gray;
}

It’s even possible to replace some text using CSS. For example, in the Primrose theme the copyright footer can be overridden with CSS like this:

.footer {
  padding-top: 10px;
}

.footer:after {
  content: "Creative Commons License";
}

.copyright {
  display: none;
}

One of our newest themes is called Marfa. If you use this theme and would like to change the default colors, Micro.blog user @roelwillems has written a guide on his microblog for what CSS to use.

2 Likes