Tommyisbae Posted April 19 Posted April 19 Hello. How can I get my product blocks to have rounded corners. The product blocks are in the "New Arrival" section. My website is https://chrysalis-dog-f4na.squarespace.com/ password is 1234
madebydave Posted April 19 Posted April 19 (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 April 27 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 ☕.
Tommyisbae Posted April 19 Author Posted April 19 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
Solution tuanphan Posted April 22 Solution Posted April 22 You can use this CSS code div.product-block img { border-radius: 100px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment