Jump to content

Recommended Posts

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

 

Edited by LeeMacGregor
Link to comment

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;
}

Link to comment

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.