Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Gallery Slideshow Padding


Recommended Posts

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. 

image.png

Capture.PNG

Link to post
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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;

Posted Images

Capture.thumb.PNG.78929144cab5c42f2ec80f88f7ccec93.PNGOn 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.

 

Capture.thumb.PNG.c058ccf3216f8d018c2332939d069da0.PNG

Link to post
  • 1 month later...
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;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 1 month later...

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!

 

 

IMG_0060.jpeg

IMG_0061-1.jpeg

Link to post
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?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
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!

 

 

IMG_0060.jpeg

IMG_0061-1.jpeg

Hi. Url doesn't exist.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...