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

Basic excerpt styles - Summary Block
Need to change up the look of the excerpt text for Summary Blocks? Then look no further. This code snippet will allow you to style the font however you want by changing its color, size, weight and any other font property in just a few minutes!

Basic ‘Read More’ link styles - Summary Block
Ah yes, the “Read More” links. If you’re looking to change the ones inside your Summary Blocks and turn them into a button, this snippet is for you! Just copy/paste the code and you’ll be able to alter the colors, border, border-radius and anything else you want to make them as prominent as you need them to be.

Basic metadata styles - Summary Block
Want to add some life to the metadata you have showing up in your existing Summary Blocks? Then grab this snippet to help you target that text and set up your own color, font family, font size or anything else you want!

Basic thumbnail styles - Summary Block
Looking to style the thumbnail of Summary Blocks on your Squarespace site? Then look no further! This code snippet will allow you to target that specific area of your summary items so you can apply a border, a drop shadow, round the corners, or implement any other style you need to match your site’s design.