How can I change image shapes in CSS Code Testament Theme?

Store Design
,
1

Hi there

I am looking to change the shape of the images in the image gallery section to be circular instead of square. I don’t want to apply this to the whole site, but just to one particular section.

I have already tried .gallery__item-container { border-radius: 50%} however it does something strange to the images. See attached image.

jenningsandcox_0-1688401754216.png
jenningsandcox_0-1688401754216.png559×390 147 KB

2

hi there

https://www.jenningsandcox.com/ - pword 14214

3

@jenningsandcox , add this code in a CSS file, maybe style.css, theme.css, or base.css

#shopify-section-template--19699979976993__d760b5e9-5216-4a04-b930-5d3f7fefd64a .gallery__item .gallery__item-container img{
border-radius: 50%;
}

If I managed to help you then don’t forget to like it and Mark it as Solution