Gallery grid spacing in Squarespace 7.1 is controlled by the gap or margin on gallery items. The exact selector depends on whether you're using a grid gallery, masonry, or slideshow layout.
Use the gap property on the gallery container for modern browsers. This gives you clean, consistent spacing without margin-collapse issues.
/* Grid gallery spacing */
.sqs-gallery-design-grid {
gap: 8px !important;
}
/* Or use item margins for older browser support */
.sqs-gallery-design-grid-slide {
margin: 4px !important;
}
/* Remove all spacing for an edge-to-edge look */
.sqs-gallery-design-grid {
gap: 0 !important;
}
.sqs-gallery-design-grid-slide {
margin: 0 !important;
padding: 0 !important;
}Calculate gallery spacing with our Spacing CalculatorTry it free →
