Gallery Slideshow Padding

Site URL: https://cademyxyz.squarespace.com/

I am trying to reduce the padding on my website around the gallery slideshow. the problem is that when I reduce the padding around the slideshow in the mobile view, the desktop view becomes really small. This is really annoying as in 7.0 this was really easy simple step.

Any help is appreciated. 

On the other hand, If I make the gallery  view large height, the Desktop view is more or less fine, but in the mobile view, the gallary block has huge white space above and below.

Please set up a site-wide password. Post the password here and then we can take a look at your issue.

I am having this same issue. 

https://viola-turquoise-f66n.squarespace.com/ (password)

I want to reduce the padding of a slideshow on the top and bottom when in mobile view on the homepage. 

I've attached a video talking through my challenge.  Help is appreciated!  

1 hour ago, nicoledelger said:

I am having this same issue. 

https://viola-turquoise-f66n.squarespace.com/ (password)

I want to reduce the padding of a slideshow on the top and bottom when in mobile view on the homepage. 

I've attached a video talking through my challenge.  Help is appreciated! 

Add to Home > Design > Custom CSS. Then save & reload your site.

/* resize home slide */
@media screen and (max-width:767px) {
.homepage .gallery-slideshow {
    height: 40vh !important;
    padding-top: 0;
    padding-bottom: 0;
}
}

Ok - I am now looking for code that would allow me to select "simple slide show" and have the images be FULL bleed, but not crop the images. 

Is that possible? Video illustrating my issue attached.

THANK YOU! 

Hello, I am having this exact problem and the code above provided solved the issue for my home page.

How can i apply code for the same problem on additional pages, specifically: 

https://patricksansonephotography.com/work/mediumformat

https://patricksansonephotography.com/work/project-two-edref

password: takingpictures

To reiterate:  I am trying to eliminate unnecessary padding above the galley block that appears ONLY in the mobile version.  It looks correct on the desktop version. Pictures below show where the unnecessary padding appears.  

Thank you!

On 11/16/2020 at 6:23 AM, nicoledelger said:

Ok - I am now looking for code that would allow me to select "simple slide show" and have the images be FULL bleed, but not crop the images. 

 

Is that possible? Video illustrating my issue attached.

 

THANK YOU! 

Sorry, missing your comment. Do you still need help?

On 1/13/2021 at 6:40 AM, sansonicabooks said:

Hello, I am having this exact problem and the code above provided solved the issue for my home page.

How can i apply code for the same problem on additional pages, specifically: 

https://patricksansonephotography.com/work/mediumformat

https://patricksansonephotography.com/work/project-two-edref

password: takingpictures

To reiterate:  I am trying to eliminate unnecessary padding above the galley block that appears ONLY in the mobile version.  It looks correct on the desktop version. Pictures below show where the unnecessary padding appears.  

 

Thank you!

 

 

Hi. Url doesn't exist.