Round List Item Image Corners Squarespace [List Section Styling]
While I really like Squarespace list sections, I do wish we had more control over the styling of them.
A lot of the time we need to use CSS to get them to look how we want.
In this article I’ll show you the code you need to round the image corners of list items on Squarespace.
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
To round list item image corners on Squarespace head to Website > Pages > Website Tools > Custom CSS and paste the following code into your CSS box:
.list-item img {
border-radius: 10px;
}
This code will simply tell Squarespace to round the corners of list item images. You can play around with how much you round the corners but I think anything between 10px and 20px looks best.
Once you’re happy, hit save and you’re all done!
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
