The

Snippet Directory

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

Adding gaps between slides (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel

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.

Read More
Styling the title font (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

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!

Read More
Stopping long titles from getting cut off (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

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.

Read More
Simple title rollover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

Simple title rollover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

Add a quick and simple title rollover to your Grid Gallery Blocks in Squarespace. This snippet will allow you to work with the native Title of the slides, and you’ll get to control the background color, the border styles and even the padding, to make sure the spacing around the text fits your requirements.

Read More