The
Snippet Directory
A curated collection of versatile snippets for Squarespace designers, aimed to help customize real-life 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.
Basic caption styles - 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!
Basic caption styles - Gallery Section Grid (7.1)
If you want to customize the caption title of your Grid Gallery Sections in 7.1, this snippet can help! It will allow you to change up the font family, color, size, weight, etc in just a few minutes.
Basic caption rollover - Gallery Section Grid (7.1)
Add a quick and simple caption overlay to your Grid Gallery Sections in Squarespace 7.1. This snippet will allow you to work with the native Caption option, and you’ll get to control the background color, padding and caption style in one go.