Need help reducing the height of the Gallery section

I've currently got a gallery reel block which has CSS customisation to play a scrolling logo animation. It works absolutely fine however I want to reduce the size of it. I still want it full page width but I wanted to reduce the height of the section. I the current Squarespace default height on the smallest it can go which is 30. I have also used this code:

/* gallery reel */
[data-section-id="660d3cf73f391f3650b12e81"]
.gallery-reel {
    padding-top: -50px !important;
    padding-bottom: -50px !important;
}
 

which does help but not a great deal. 

Hey @JoshPickCC, if you share a link I can jump into the web inspector and provide some CSS.

5 minutes ago, abibacon said:

Hey @JoshPickCC, try the below

.gallery-section {
  height: 20vh !important;
}

 

thank you very much! Do you know if theres any way of making all the logos smaller within the section?

On 4/5/2024 at 7:34 PM, JoshPickCC said:

thank you very much! Do you know if theres any way of making all the logos smaller within the section?

You can try this CSS code to reload the page

[data-section-id="660d3cf73f391f3650b12e81"] .gallery-reel {
    height: 20vh !important;
}

Hi, this code

.gallery-section {
  height: 20vh !important;
})

worked for adjusting the height on the web version of the site. How can I adjust the code to change the height on my mobile site? Thanks!

On 7/30/2024 at 11:18 AM, aglass said:

Hi, this code

.gallery-section {
  height: 20vh !important;
})

worked for adjusting the height on the web version of the site. How can I adjust the code to change the height on my mobile site? Thanks!

Use this code for mobile

@media screen and (max-width:767px) {
.gallery-section {
  height: 30vh !important;
}}