The
Snippet Directory
A curated collection of versatile snippets for Squarespace designers, aimed to help customize client projects in a fraction of the time.

Stacked masonry slides on mobile (7.1) - Gallery Section Grid Masonry
Loving the look of your 7.1 Masonry Gallery Section on desktop, but wish you could stack the slides on mobile? Well, it’s your lucky day! This snippet will help you tweak that aspect of your galleries in one quick copy/paste action. You’ll have the ability to decide at which breakpoint the stacking happens, and adjust the space between slides as well. Everything else will be taken care of automatically.

Grayscale to color on hover (7.1) - Gallery Section Grid Simple
If you’re looking to add a simple but eye-catching hover mode to your Grid Simple Gallery Sections in 7.1, you can’t go wrong with a grey-to-color effect! This short snippet will allow you to set it up in a cinch by simply copy/pasting the code into your site.

Styling the caption font (7.1) - Gallery Section Grid Simple
If you want to customize the caption title of your Simple Gallery Sections in 7.1, this snippet can help! It will allow you to change up the font family, color, size, weight, letter spacing, etc in just a few minutes.

Centering the caption text (horizontally) (7.1) - Gallery Section Grid Simple
Looking for a way to center-align the captions under your Simple Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!

Simple caption rollover (7.1) - Gallery Section Grid Simple
Add a quick and simple caption overlay to your Gallery Grid Simple sections in Squarespace 7.1. This snippet will allow you to work with the native Caption option, and you’ll get to control the background color, the border styles and even the padding, to keep those longer titles in check at all times.