How to Add Image Padding in a Reel Gallery on Squarespace
Adding padding between images in a Reel Gallery can give your website a more polished and customized look. In this guide, I’ll show you how to use a simple CSS snippet to adjust the spacing between your images, giving you full control over your gallery's appearance. Whether you prefer a minimal space or a larger gap, I’ve got you covered!
Table of Contents
Watch the Video
Check out the YouTube video below 👇
Step 1: Access the Custom CSS Panel
Navigate to ‘Pages’ and scroll down to ‘Website Tools.’ Here, you’ll find the ‘Custom CSS’ panel where we’ll add the code.
Step 2: Add Your CSS Code
Once you’re in the CSS panel, paste in the following code. You’ll see some space appear between your images right away. Adjust the pixel value in the code to change the padding size—try 20px or even 30px if you want more space.
.gallery-reel-item-src {
margin-left: 5px; /* Adjust the value as needed */
}Step 3: Customize the Padding
If you want to play around with the spacing, feel free to adjust the pixel dimensions in the code. Whether you prefer a tighter look with less padding or a more spacious gallery, it’s entirely up to you!
Conclusion
Adding padding to your Reel Gallery is a quick and easy way to enhance the visual appeal of your website. By customizing the spacing between images, you can create a gallery that feels more intentional and aligned with your brand's aesthetic. If you have any questions or need further guidance, reach out—I’m here to help!
Full Code
.gallery-reel-item-src {
margin-left: 5px; /* Adjust the value as needed */
}
Hey hey, Marya here 👋🏼
I’m the creative force behind Yangu Web Studio and a top-rated web designer on Squarespace's exclusive Marketplace for experts.
I adapt my skills to diverse industries and businesses globally, of all sizes, specializing in crafting digital solutions tailored to your unique goals. If you want to discuss a potential project, you can drop me a line at marya@yanguweb.studio or vibe with me here. Alternatively, you can schedule a free 15-minute consultation call here.
