Want to Round The Corners of All Images on Your Squarespace Blog? Here's How
Want to give your Squarespace blog a consistent and polished look with rounded images on every blog post without manually editing each one? You're in luck. This tutorial walks you through the quickest, most efficient way to apply a border radius to every image in your blog posts, even if you have hundreds of them.
No design background? No problem. With a simple CSS snippet added to your blog post code injection, you'll be set in minutes.
Why Round Your Blog Images?
Rounded images can give your Squarespace blog a modern, friendly aesthetic. Whether you’re running a personal blog, a portfolio, or a business website, rounding the corners of your images can enhance the overall look and feel.
But if you’ve got dozens, or even hundreds, of blog posts, manually editing each image is way too time-consuming.
Want a framework for designing the perfect homepage?
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
The Problem with Manually Rounding Squarespace Images
Normally, to round an image in Squarespace:
You double-click on the image.
Go to Design.
Apply a border radius under Style.
Doing this for each image across all your posts is tedious and honestly, unnecessary.
The Simple Solution: Use Code Injection
Here’s how to round all images in your Squarespace blog posts at once, using a single line of CSS.
Open your blog collection settings:
From your Squarespace dashboard, navigate to your blog page.Click the settings cog next to your blog collection.
Go to Advanced > Post Blog Item Code Injection
Paste the following CSS code into the box:
<style>
img {
border-radius: 10px !important;
}
</style>
How It Works
The img selector targets every image in your blog posts, and border-radius: 20px gives them nice, smooth corners. You can adjust the pixel value (e.g. 30px or 50px) depending on how rounded you want the corners to be.
Pro Tip: This method overrides any image design settings you’ve applied manually, so even if an image wasn’t previously styled, it’ll now follow your global rule.
Final Thoughts: A Quick Win for a Cleaner Blog
This trick is a must-know for anyone managing a Squarespace blog. It saves hours of manual work and keeps your visuals consistent across your entire site. Whether you’re a designer, developer, or casual blogger, this is a clean, professional touch that enhances user experience.
