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

Flush rounded testimonial carousel - Summary block
Get your client’s testimonial carousel on-brand with this simple and clean look! Choose between a horizontal or vertical layout, make the headshots round without any cropping beforehand, and take full control of the style of the summary block.

Turning the thumbnails into indicators - Gallery Block Slideshow
Swap the native thumbnails from your Slideshow Gallery for little dot indicators with this copy/paste snippet. You’ll be able to adjust their roundness, color and size in just a few minutes!

Adding gaps between slides (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel
If you’re working with the Carousel Gallery Block and can’t find a way to add spaces between the slides or images, look no further! This copy/paste code snippet will take care of it for you, while giving you full control on the actual amount of space that should be present.

Styling the title font (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid
Use your own custom font on the Grid Gallery Block slide titles of your Squarespace site with the help of this snippet. You’ll get the ability to change the font family, color, size, weight, etc to match your brand and design in just a few mins!

Stopping long titles from getting cut off (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid
If you know, you know. This code snippet will help you fix this commonly frustrating issue for your Grid Gallery Blocks in Squarespace, so your slide titles no longer get cut-off at the edge of the image, but instead display fully.