How do I style my portfolio carousel images to be circle shape?

Hi there, 

I am using the portfolio carousel block on my homepage to use as a preview of projects. The preset image shape for the portfolio carousel is square, however I am wanting the shape of the images to be circle. Is there a custom code I can use to style these images?

Hey @GabriellaW123 - I would love to help but I am a little confused by your terminology. 😬

If you have a summary block that shows content from a collection on the home page, set the image aspect ratio and use this code to make the images a circle: 
.sqs-gallery-design-carousel img{border-radius: 50%!important}

To get super nerdy here, I wanna explain why I was a little hesitant to answer. A portfolio is a specific collection type in Squarespace, but we can't feature project info in any carousel layout. A summary block is a content block that can pull data from a blog, event, or store (not a portfolio of projects)

If you want to share a link I can make sure we are talking about the same thing! You can set an unpublished site to password protected so people can look before you launch. You'll find that under settings -> site availability -> password

Anyhoo, hope that initial code does the trick! Add that to your site wide CSS and any summary block set to carousel will have images with curved corners.

Hey @inside_the_square! Thanks so much for getting back to me so promptly.

Ive attached below the section block I am wanting to use in my site (highlighted in red). I would like to style these square images to a circle.

Ive tried your above code, but it still doesnt seem to work for me... any help would be much appreciated!

Gotcha - thank you for sharing that screenshot!!

That's a carousel list section auto layout, and you can have those images display as a circle without any code.

In edit mode, select edit content, and under your design tab you'll see the image crop option. You can pick circle from that list and Squarespace will crop it for you. 👍👍