The
Snippet Directory
A curated collection of versatile snippets for Squarespace designers, aimed to help customize client projects in a fraction of the time.
Content overlay on hover - Gallery Block Grid
If you’re using a Gallery Block Grid in your 7.0 or 7.1 client project, and wish you could create a hover content overlay on top of the thumbnails, look no further. This plugin will help you achieve the look you’re going for, while giving you tons of settings to style the title, description and link fonts, as well as spacing and colors, to make sure the design blends in or stands out as much as you want. Plus, you’ll have the option to decide when the stacked mobile layout kicks in (if at all) and what it looks like, separate from the desktop version.
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.