SOLVED Change height of gallery reel using CSS on Desktop 7.1

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

Hello Everyone,

I am trying to change the height of my gallery section reel using CSS. I realise you can do this using the Squarespace section edit tool, however the minimum height is too large for my use case.

Would anyone be able to help me? I've tried a few different things using a few different CSS classes but I can't get it quite right. The gallery reel is the 2nd section down from my website header video.

Dan

Add to Design > Custom CSS > Then save & reload the site

/* gallery reel */
[data-section-id="60e5a66423121b15b17a1bcd"] .gallery-reel {
    height: 15vh !important;
}

Thanks! I had a feeling and need confirmation. Also, I wasn't being patient enough.

In both Chrome and Safari entering that code crops the image to 15vw. When I refresh the page Squarespace sorts it's self out and the images then respond to the code.

Dan

Then the code works or not?

Quote

I am trying to do the same thing but it's not working. Can someone help? Code used:
/* gallery reel */
[data-section-id="home-page-gallery-gallery"] .gallery-reel {
    height: 15vh !important;
}

Site: https://kindredveterinary-com.squarespace.com/  

On 9/2/2023 at 2:10 AM, dctocali said:

 

Your ID is invalid. Use this tool to find id

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff