Hi!
One of my clients uses multiple gallery-blocks on her blogpages in stacked-slide-design between multiple text-blocks. Cropping is off. Show Title and Description is on.
There is a problem of images overflowing the container and text-blocks underneath the slider. 
Is there a way to keep all the sliders and force the images into the container while keeping the image ratio?

I don't know what causes the problem, there is some custom code and code injection but de-activating scripts and code did not fix the issue. Not completely sure what i'm doing though :^|

Hope there is a fix,
thanks!

I just fixed this issue recently.

It's probably from a Squarespace update.

Add this code to Custom CSS

 .sqs-gallery-block-stacked img[height] {
	height : auto;
}

Wow, that's quick :^) thank you!
I took some try and search time..

Your code didn't fix the problem in my case, clearing cache en refreshing browser helps (but did help before too) for the active slider, the ones that follow still give overflow..
(Added { ... !important}, no difference..)

So i tried a few sliders on my own site in one blog-page, with same/different settings, combined portret and landscape images in one slider, with/without Title/Description, with/without thumbnails - cleared cache with every change - but the same problem, with every time a random (bad) result.

Funny: No problem with only one slider on the page (with or without your code) :^/

Can you share a link or a screenshot?

Sure:
https://www.syascrossovers.nl/op-avontuur

And this is a trial on my site with only one slider, without code, in same settings
https://www.miekemens.nl/blog/Blog Post Title One-b9md2

And this is a trial on my site with three slider, without code, in same settings
https://www.miekemens.nl/blog/Blog Post Title One-b9md2-89999

It is probably from a Squarespace update.

While it is getting fixed, try adding this code in Page Header Code Injection -> Footer

<script>
window.setTimeout(function(){
    Y.one(window).simulate("resize");
}, 1000);
</script>

Here is the place to add the code - at 1:54

Added your code to my last blogpost (only)

Did it work?

Thank you, i'll place the code 🙌

I placed the code in Footer Injection:

https://www.syascrossovers.nl/op-avontuur

Not sure, i see the same problem here and there 😅

Try with a higher delay

<script>
window.setTimeout(function(){
    Y.one(window).simulate("resize");
}, 3000);
</script>

No change.. yet

What does a higher delay do?
So i can play around with it.. (tomorrow, have to stop now)

And thank you so far 🙏
Have a nice evening!

Oh, question: Should your CSS code stay in Custom CSS?

No, it is JavaScript language 🙂

3000 and 1000 represent a delay in milliseconds until the code runs.
It makes a window resize to adjust the styling. I noticed that when I resized my window, the captions were aligned normally 

Yes 😃, i ment this code: 

 .sqs-gallery-block-stacked img[height] {
	height : auto;
}

I see it is working now.

That CSS code is for the stacked gallery. I thought you had the same issue as a previous client. That CSS is not necessary if you don't have a gallery-type stacked 

My client has very long blogposts with about 40+ sliders 😱, reading time about one hour 🥵

But you are right: resizing works. 
So the page has to resize multiple times. 

Hope there will be an update soon to fix it then 🙂

Thanks again!!

Strange thing: resize works on iPad, not on my Studio Screen, set to small or fullscreen - no changes :^/

Example: https://www.syascrossovers.nl/op-avontuur/ndsm-fuse-2023