How to adjust spacing between sections

Site URL: https://sapphire-buttercup-p87m.squarespace.com/

Hi,

I've just set up a gallery section to the page https://sapphire-buttercup-p87m.squarespace.com/vinkurs-bestilling

I'm looking to inject CSS to reduce the space above and below the gallery slide show if possible. Or is this spacing in case there's images in portrait orientation? I'm only using landscape images hoping that it would reduce the spacing, but doesn't seem to have any effect.

Kind regards,

Mathias

33 minutes ago, mattematissen said:

Site URL: https://sapphire-buttercup-p87m.squarespace.com/

Hi,

I've just set up a gallery section to the page https://sapphire-buttercup-p87m.squarespace.com/vinkurs-bestilling

I'm looking to inject CSS to reduce the space above and below the gallery slide show if possible. Or is this spacing in case there's images in portrait orientation? I'm only using landscape images hoping that it would reduce the spacing, but doesn't seem to have any effect.

Kind regards,

Mathias

what is the site password

55 minutes ago, bangank36 said:

what is the site password

vintilfolket

Thanks!

1 hour ago, mattematissen said:

vintilfolket

Thanks!

Try

@media screen and (min-width: 768px) {
  .gallery-slideshow {
      padding-top: 0vw;
      padding-bottom: 0vw;
  }  
}

@bangank36 Thanks! That worked well for desktop, but still too much spacing on mobile. I reduced "min-width" accordingly so I guess this is as much as can be achieved.

15 hours ago, mattematissen said:

@bangank36 Thanks! That worked well for desktop, but still too much spacing on mobile. I reduced "min-width" accordingly so I guess this is as much as can be achieved.

 

 

it looks fine?

@bangank36 That's a static image on the front page. Go to "vinkurs" to see the gallery.

14 hours ago, mattematissen said:

@bangank36 That's a static image on the front page. Go to "vinkurs" to see the gallery.

it's because of the ratio, the best i can do is to reduce padding of the above section, but not so much

@media screen and (max-width: 640px) {
  section[data-section-id="60140563c49f6c4a0d99826c"] .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }  
}

@bangank36 Thank you so much for your help!