Add Spacing Between Images in a Gallery Reel

What does this code do?

This code snippet will allow you to add white space between the images in a Gallery Slideshow Reel.

Code Snippets

Copy and paste the appropriate code into Design > Custom CSS

/* All Gallery Reels */
.gallery-reel-item img {
    left: 20px;
}

/* A Specific Gallery Reel */
#COLLECTIONID #page .page-section:nth-of-type(1) .gallery-reel-item img {
    left: 20px;
}

If targeting a specific gallery reel, edit the Collection ID and page section number to select the correct Gallery Reel.

How To Use It

1. Copy and paste the code as indicated above.

2. To learn how to find a collection id check out our Start Here guide.

3. If targeting one section in Squarespace 7.1, change the 1 to match the section you are trying to change.