Pop Theme - round corners of product images

Highlighted
Shopify Partner
12 0 2

I'd like to know what code I would need to edit to round the corners of the product images in the pop theme, for all product images, in collections pages, product pages, thumbnails or any other I may have missed.

 

Thank you!

0 Likes
Highlighted
New Member
3 0 0

I'd love to know the answer to this question too (i am using the Prestige Theme)

0 Likes
Highlighted
Excursionist
11 0 8

I can't address your specific theme, but for my theme I did this to get rounded corners on my Homepage images and Collection Images:

In file stylesheet.css.liquid find :    .box-ratio  

Add:    border-radius: 8px;

A good way to find the CSS that affects your images is to use the Firefox browser Web Developer > Inspector tool to click on an image and see the CSS that affects the image's container.  Then you can search for that container's CSS in stylesheet.css.liquid and add the border-radius code.

Or just post your shop's URL and me, or someone else will quickly identify the CSS you need to modify.

www.cascadiadesignstudio.com

 

0 Likes
Highlighted
New Member
3 0 0
Thanks so much!
That really helped and I got it working :)!
0 Likes