customize image alignment

[k4lizen]

Currently in posts images are center aligned. I'd much prefer if they were left aligned since thats how they are in other software I use for viewing .md files.

Is there a way to do this?

[yashmehrotra]

You can add custom css rules in your config.toml using params.customHeadHTML, example:

[params]
  customHeadHTML = "<style>color: red</style>" (or)
  customHeadHTML = "<link rel='stylesheet' type='text/css' href='hosted-css.link'>"

https://gokarna-hugo.netlify.app/posts/theme-documentation-basics/#custom-head-html

[k4lizen]

Oh I didnt think of that, thanks. This seems to work:

.post.container img {
  display: block;
  margin-left: 0;
  margin-right: auto;
}