Adding space between images in Slideshow Reel gallery

Site URL: https://www.dannyrothschild.com/design/posters

Hello, I'm trying to figure out how to add spacing between images in my slideshow reel gallery on Squarespace 7.1.

Every option I've found so far cuts off a portion of the image, and when viewed on phones, the images are no longer centered. I don't need to add any padding on top or bottom, just between the images, but without cropping them. Anybody know how to do this? Thanks!

Add to Home > Design > Custom CSS

.gallery-reel-item-src {
    margin-left: 5px;
}

Hi @tuanphan, that code crops the right side of the images by 5px. Is there any code that adds white space without cropping any images? Thank you!

On 9/27/2020 at 3:08 PM, tuanphan said:

Add to Home > Design > Custom CSS

.gallery-reel-item-src {
    margin-left: 5px;
}

 

Is there code that will not crop the pictures? This crops 5px from the right side of the previous image. Thank you!

Hi, I am having this same problem with no solution yet... Anyone able to help? Just switched to Squarespace and I find it incredibly restricted on how to customize things... If it's all supposed to be visual and easy for anyone to use, just add a padding slider to the gallery block settings, right??

Thanks in advance!

https://innovativeintensity.squarespace.com/ bottom of the page. I need to add more spacing between these logos.