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

Adding space between images in Slideshow Reel gallery


Recommended Posts

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!

Link to comment
  • 4 months later...

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.

Edited by standardtoaster
Link to comment
  • 4 months later...

Hi, i'm not a developer or anything but I think I've found my own personal solution i'd like to share with you. Only because it took me hours of trial and error to find the right soultion.

Basically, from what I can tell. 7.1 is using a sort of "container" to hold the images in which it reels through the gallery. Probably changing things like padding might just be changing the container as opposed to the image size itself. With that being said, trail and error, I figured why not just change the .gallery-reel-item img as opposed to the src or even gallery. Anyways, basically resizing the inner image within gallery-reel-item.

Code found below to what I believe basically resized the inner image a bit to give your images more visual space in between them. If they end up to small then just enlarge the size of the gallery.

 

.gallery-reel-item img {
  width: 100%; ///change percentage to a smaller value in order to resize
  height: auto;

}

 

the height set to auto to allow for scaled transformation. Hopefully this helps.

On 9/27/2020 at 9:57 AM, dannyrothschild said:

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!

 

Link to comment
  • 3 months later...

Hey everyone, I've tried them all but keep having issues, some pictures are scaled perfectly but others are suddenly bigger? Could I fix it, you think @LUDA? I've added an example of my reel, hope someone can help me. I would really love to have some space between the photos. 

thanks a lot!

Schermafbeelding 2021-09-23 om 13.38.35.png

Link to comment
On 9/23/2021 at 6:43 PM, Laisa said:

Hey everyone, I've tried them all but keep having issues, some pictures are scaled perfectly but others are suddenly bigger? Could I fix it, you think @LUDA? I've added an example of my reel, hope someone can help me. I would really love to have some space between the photos. 

thanks a lot!

Schermafbeelding 2021-09-23 om 13.38.35.png

Can you share link to page in screenshot? We can take a look

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...