How to round the corners of a summary block thumbnail on Squarespace

Whilst you can easily round the corners of standard images on Squarespace, doing so on non-standard images, such as images in a summary block or blog collection isn’t possible. At least natively it’s not. 

If you want to round the corners of non-singular images on Squarespace then you need to use a little bit of custom code. 

Let’s dive right into the tutorial so you can discover how to round the corners of a summary block thumbnail on Squarespace…

Watch the video

Check out the YouTube video below 👇

Once you’ve added your summary block and the thumbnail image you want to round the corners of, navigate to Design > Custom CSS. 

In your custom CSS panel, you then need to input the block ID for the summary block you are targeting and the following lines of code:

#block-ID * {

border-radius: 10px;

}

In order to find the block ID for your target summary block, use the Google Chrome extension Squarespace ID Finder.


📩 Join the inner circle to get exclusive code updates


You can play around with the border radius you choose, depending on how curved you want the thumbnail images to be. The higher the border radius, the more curved the corners will be. 

And that’s it. It’s super simple and can be a really effective piece of code to have up your sleeve, especially if you’re getting bored of summary block thumbnails always looking the same. 

Try it out for yourself and let me know what you think of the results!


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

by Crawford is led by Sam Crawford, a multi-award-winning Squarespace website designer with 700+ sites launched for clients in over 30 countries. He builds fast, mobile-friendly Squarespace 7.1 websites designed for SEO, clear structure, and conversion.

As a Squarespace Expert, Enterprise Partner, Circle Member, and community speaker, Sam is known for pushing the platform’s limits. With 200+ reviews, clients highlight by Crawford’s clarity, precision, and real-world results like higher rankings and stronger lead generation.

https://bycrawford.com
Previous
Previous

Guide: Add an arrow to drop down menu on Squarespace 

Next
Next

Removing the underline from the “Read More” blog link on Squarespace