Changing all Blog images sizes

Hi there

I've moved my blog over from wordpress, and all of the images are massive on the blog post pages.

Is there a way to make these all smaller without having to do them each one at a time?

Here's an example: https://grouse-piano-4c9y.squarespace.com/blog/2017/08/19/wealthology-insider-mail-49

(password - magic)

Thank you!

You need to go to settings (the gear icon down at the bottom of the configuration menu) set your site availability for password protected, and provide a password unique to your site, make sure it is NOT the same as your Squarespace account password. 

41 minutes ago, Michelle777 said:

https://grouse-piano-4c9y.squarespace.com/config/pages/665028a855d1bf5107195c09/content

(password - magic)

This is the config URL, is this one of the pages you want to change the images on?

https://grouse-piano-4c9y.squarespace.com/blog/2017/08/19/wealthology-insider-mail-49

Hi Ziggy, sorry, I just saw that, yes that's the page, there are 50 others the same!

Updated link is https://grouse-piano-4c9y.squarespace.com/blog/2017/08/19/wealthology-insider-mail-49

Thank you! 

You can add this Custom CSS to set a maximum width for the blog articles, which will make the images smaller:

// max width for blog articles
.blog-item-wrapper {
    max-width: 800px;
}

That shrinks the width but the images that are portrait are still really long.  Is there a way to target the image height?  

22 minutes ago, Michelle777 said:

That shrinks the width but the images that are portrait are still really long.  Is there a way to target the image height?  

I hope this has the desired effect for you, it may be too sweeping a change, but add to CSS and let me know!

// Blog image height limit
.blog-item-wrapper {
  .image-block-outer-wrapper.animation-loaded {
    max-height: 400px;
  }
  .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper img {
    max-height: 400px;
  }
}