Reduce Carousel Spacing On Mobile

Hi, I've had a look around but cant find what I'm looking for.

I need a code that reduces (even better gives me control of) the margins around the simple slideshow, both on mobile and standard web page. The space around the mobile version is far too big! See attached image

Thanks!

Can you share link to this page? We can check easier.

https://flute-point-sh7n.squarespace.com/

The website private, how do i give you access without publicly giving my details?

The simple slideshow is the only one that displays the whole image like this. Theres so much empty space around it Id like to reduce

17 hours ago, Alex2024 said:

https://flute-point-sh7n.squarespace.com/

 

The website private, how do i give you access without publicly giving my details?

The simple slideshow is the only one that displays the whole image like this. Theres so much empty space around it Id like to reduce

You can follow this

Password is Alex12

3 hours ago, tuanphan said:

@media screen and (max-width:767px) {
body.homepage .gallery-slideshow {
    padding: 2px !important;
    min-height: unset !important;
    height: 80vw !important;
}
}

This worked! Thanks so much! 🙂

5 hours ago, tuanphan said:

To reduce spacing on mobile, try this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
body.homepage .gallery-slideshow {
    padding: 2px !important;
    min-height: unset !important;
    height: 80vw !important;
}
}

 

Is there a way to control the boarders like this on desktop version?

On 5/3/2024 at 2:39 AM, Alex2024 said:

Password is Alex12

password is incorrect now

https://flute-point-sh7n.squarespace.com/

It's back to the previous password now

On 5/3/2024 at 9:12 PM, Alex2024 said:

Is there a way to control the boarders like this on desktop version?

You mean add a space around slideshow?

No, I want less blank space around it, like you did for the mobile version. 

Control over the amount of space would be amazing

9 hours ago, Alex2024 said:

No, I want less blank space around it, like you did for the mobile version. 

Control over the amount of space would be amazing

You try this CSS code

@media screen and (min-width:768px) {
body.homepage .gallery-slideshow {
    max-width: 99% !important;
}
}

Works Perfect! Thanks so much 🙂