The
Snippet Directory
A curated collection of versatile snippets for Squarespace designers, aimed to help customize client projects in a fraction of the time.
Grayscale to color on hover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid
Want to add a simple but eye-catching hover mode to your Grid Gallery Block? How about 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.
Custom fonts for blockquote - Quote Block
Using Quote Blocks on your Squarespace site and are looking for a way to customize the font of your testimonial source? Then grab this code snippet to make it happen! You’ll be able to set the font family, color and alignment right away.
Custom font for blockquote - Text Block
Need to use a custom font for your Text Block quotes to make them stand out? This little code snippet will help you achieve just that. You’ll be able to set up your own font family and size in just a few minutes with a quick copy/paste action.
Branded social icons - Social Links Block
Looking to spruce things up with custom branded icons all over your Squarespace site, including the social icons? Great! Then get your hands on this snippet to ensure you can do that for the Social Links Block as well.
Styling the arrows - Summary Block Carousel
Snag this short snippet to help you style the Summary Block Carousel arrows! You’ll be able to change the background color, set a border, adjust the size, etc by simply copy/pasting the code