Reduce padding on fullscreen slideshow gallery

Site URL: http://zondagontwerpers.squarespace.com

Hi. 

I'm trying to reduce space under my slideshow gallery. I can get it done, except for when I change my gallery pictures to 16:9 format (which all of the pictures on this website will be eventually), it automatically leaves space under the images. There is a text block under it which I want to bring closer to the slideshow. 

Does anyone know what to do?

website link: http://zondagontwerpers.squarespace.com
password: panentink

Thanks in advance!

D.

11 hours ago, Dsimons said:

Site URL: http://zondagontwerpers.squarespace.com

Hi. 

I'm trying to reduce space under my slideshow gallery. I can get it done, except for when I change my gallery pictures to 16:9 format (which all of the pictures on this website will be eventually), it automatically leaves space under the images. There is a text block under it which I want to bring closer to the slideshow. 

Does anyone know what to do?

website link: http://zondagontwerpers.squarespace.com
password: panentink

Thanks in advance!

 

D.

Add to Design > Custom CSS

/* Mobile slideshow padding */
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}

20 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* Mobile slideshow padding */
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}

 

Thanks for your quick reply 🙂

Whatever I try, I am still left with residual space under the gallery. 

I am trying to get rid of any padding left in the bottom of the section. 

Don't know what I'm doing wrong.

21 hours ago, Dsimons said:

Thanks for your quick reply 🙂

Whatever I try, I am still left with residual space under the gallery. 

I am trying to get rid of any padding left in the bottom of the section. 

Don't know what I'm doing wrong.

 

The code run for mobile

Hi. Some time later but i'm still stuck on this. I've added a code to contain the image aspect ratio, but I am still looking for a code that works for the desktop version and will remove the residual space of the section. After I added the CSS code for the images in the fullscreen gallery to remain in a 16:9 ratio, the top and bottom of the section show spacing, even though I've set the padding-bottom and padding-top to 0px...

I hope someone has the answer.