ℹ️ Custom CSS

help · March 8, 2021, 6:48pm

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;
}

If you’re using the default theme, Sumo, check out this guide on how to modify the color scheme.