Adjusting white space and sizing of images with gallery slideshow

Hi,

I'm using the gallery block with slideshow to display images in a blog post (using it as a portfolio to get round the 60 item limit). I've noticed that if I have just one image it spans the width I want, but if there are two or more images with different aspect ratios, I'm left with lots of white space and the image looks too small.

I've attached what I'm getting and what I would like except we want to have this with the landscape/different aspect ratio images added as well.

Can anyone help?

Can you share link to page where you have problems? We can check easier

Hi, Here is a link to one of the posts

Password: bidmas

https://andrea-wp.squarespace.com/work/blackstar-film-fest

Thank you

On 3/8/2024 at 7:48 PM, IsaWP said:

Hi, Here is a link to one of the posts

Password: bidmas

https://andrea-wp.squarespace.com/work/blackstar-film-fest

Thank you

You can add this code to Work Page Header Code Injection

<style>
  @media screen and (max-width:767px) {
  .sqs-gallery-design-stacked-slide img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
.sqs-gallery-design-stacked {
    height: auto !important;
}
  }
</style>

Hi this hasn't worked for me. Any other ideas?

On 3/10/2024 at 9:19 PM, IsaWP said:

Hi this hasn't worked for me. Any other ideas?

Did you add it to Custom CSS or Page Header?

Hi I tried both options but both shifted and overlaped other things on the page like the instagram section. Also, the images aren't high resolution enough to be stretched.

I'm going to have to leave it as is and hope the client accepts it this way for now.

Thank you for your help.