Jump to content

Reduce padding on fullscreen slideshow gallery

Recommended Posts

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.

Link to comment
  • Replies 4
  • Views 677
  • Created
  • Last Reply

Top Posters In This Topic

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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. 

1419643807_Screenshot2021-06-16at11_58_51.thumb.png.728c085d8b82c2af66bf0c9fc47bfb60.png

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

Don't know what I'm doing wrong.

 

Link to comment
21 hours ago, Dsimons said:

Thanks for your quick reply 🙂

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

1419643807_Screenshot2021-06-16at11_58_51.thumb.png.728c085d8b82c2af66bf0c9fc47bfb60.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...

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. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.