Lee

Site URL: https://chrysalis-turquoise-xm8y.squarespace.com

Hello 👋

Does anyone have a code to round the corners of images in a LIST section. As far as I can see, the only shape option within the 'edit content' pop-up screen is circle. I only want to round off 2 corners.

Password for site is joanna - and it's the list of services on the home page I'm looking to change so they look like the images on the Health Coach page.

Many thanks

Lee

The built in image block corner tweak allows you to adjust each corner seperately in 7.1.  Not so with blog thumbnails or other collection thumbnail images. If these are blog images this code should work, you may need to tweak the px numbers a bit while viewing the images to make it look exactly the way you want.  

/* round image corners blog thumbnails */
.blog-basic-grid .image-wrapper {
  border-radius: 60px 0px 60px 0px;
}

Thank you so much! The class ID was wrong but I found it and this is what works:

.user-items-list-simple img {
  border-radius: 60px 0px 60px 0px;
}

Looks nice, rounding the read more buttons is a nice touch as well. 

Thank you so much for your help - and the buttons are less 'in your face' now! Hope client likes 🙂