Jump to content

Product block rounded corners

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted (edited)

If you add the following to Custom CSS, it should add a border radius to all images. This can save you time changing all images one by one. Adjust the number to your preference.

img {
  border-radius: 25px;
}

If you want to just target the Products themselves, use the following within Custom CSS.

div.products img {
  border-radius: 25px !important;
}

 

Edited by madebydave
Edited to correct CSS classes.

Squarespace Circle Leader | Squarespace Expert

Made by Dave | London, UK
View our work at madebydave.org | Available for hire on Squarespace Marketplace | You can also thank me by buying me a coffee .

Posted

The first code worked and changed all the images in the site. The second didn't work for the product block. I'm looking to change the product block only

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.