Custom CSS

August 19, 2017

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 Account → “Edit Domains & Design” → Edit (next to your hostname) → “Edit CSS”. 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 have any questions about themes or CSS, you can also check in the #design channel in the Indie Microblogging Slack.