Image Gallery size conversion

I have same question eqauls to this post.

Because of TOC feature, I’d like to resize image gallery size as same as body text, but I tried solution in this post, but I’m confused it’s not working.

I’ve put this code to

.content>figure>* {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}
  • site header
  • default.hbs
  • screen.css (on web browser, not build)

but did not work, how can I adjust the size of image gallery?

my website is : https://canu.works

You can put the following code to Ghost settings > code injection > site header to change the gallery width:

<style>
	.kg-gallery-card {
		grid-column: main !important
	}
</style>
2 Likes