how to limit the single image container in gallery up to 1200px wide?

Hi!

I would like to ask for some support with custom code for my gallery. I would like to limit the singl eimage presentation up to 1200px not more. FOr now, the single image is scaled to the browser size... I don't want to presented the image bigger than 1200px wide (I use horizontal style pictures).

I will appreciate any support here. I am working with this template from SQSp: https://wells-demo.squarespace.com/

You need to be more specific and share your website so we can actually look at it and help you.

Especially as none of the images in the demo are more than 1200px wide.

Ok, I am newbie wirth Squarespace so I don;t know how to make website public to show you the issue. Should I upgrade and pay to see the website without login? 

On 12/6/2023 at 12:43 AM, iczek said:

Ok, I am newbie wirth Squarespace so I don;t know how to make website public to show you the issue. Should I upgrade and pay to see the website without login? 

NO need to upgrade, you can follow this

Great! Thanks. So here is the link to webiste:
https://clover-walrus-6jlp.squarespace.com

Password: 1234567

May I ask for support with custom code that will prevent my picture to be presented larger than 1200 px?

Can anyone help me with it?

You mean images on homepage? You can add this code to Website Tools (under Not Linked) > Custom CSS

/* Limit image width */
.collection-type-gallery.enable-gallery-thumbnails #slideshow img {
    max-width: 1200px !important;
    margin: 0 auto;
}