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 - Auto Layout Carousel (7.1)
Add a simple yet dynamic hover mode to your Auto Layout Carousels in Squarespace 7.1 with this snappy code snippet. You’ll be able to easily adjust the subtleness or bluntness of the colliding effect, and the overlay transparency level, by making quick tweaks to the values in the code.
Post thumbnail on top of title - Blog Page
Want to display an immersive full-width image at the top of your Blog posts in Squarespace? This snippet can help you achieve just that! You’ll only need to use a regular Image Block and this copy/paste code to make it happen.
Custom font for event title on main page - Event Page
Customize the font of your main page event titles with this short snippet. Modify their font family, color, size, letter spacing, etc by copy/pasting the code onto your site and making some quick value tweaks.
Custom font for event title on inner page - Event Page
Customize the font of your individual page event titles with this short snippet. Modify their font family, color, size, letter spacing, etc by copy/pasting the code onto your site and making some quick value tweaks.
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!