Editing CSS in Blogger

Screenshot of Blogger admin

For a long while I’ve wanted to tweak the CSS, especially for block quotes, in my blog template here. (I’m using a tweaked Essential Light theme.) Going into Theme and clicking Customize seems like it should have worked (other aspects can be tweaked there, like the overall font), but, no such luck. Counterintuitively (since it’s really tweaking CSS, not HTML), Customize HTML was the ticket:

Use the Find function to find the blockquote definition, and tweak to taste. Mine dropped the x-large font sizing and the center justification and added a grey bar off to the side:

blockquote{
color:$(blockquote.color);
font:$(blockquote.font);
  border-left: 3px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  display: inline-block;
}

I’ll probably continue to tweak it, I tweak everything, but this is already much improved.