Solved

How can I adjust product photo edges to rounded?

medusasmakeup
Excursionist
42 1 14

I want to be able to change the look of my site, from square product photos to rounded edge.

Accepted Solution (1)

medusasmakeup
Excursionist
42 1 14

This is an accepted solution.

This works!

Add the following code at the bottom of your assets >> theme.scss.liquid file.
Do let me know if you need any assistance.

 

.grid-product__image-mask {
border-radius: 30px !important;

View solution in original post

Replies 2 (2)

PageFly-Oliver
Shopify Partner
878 190 171

Hi @Medusasmakeup,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.liquid or theme.scss

Step 3: Paste the below code at the bottom of the file -> Save

.image-wrap .photo-zoom-link.photo-zoom-link--enable{
border-radius:16px !important
}



Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

medusasmakeup
Excursionist
42 1 14

This is an accepted solution.

This works!

Add the following code at the bottom of your assets >> theme.scss.liquid file.
Do let me know if you need any assistance.

 

.grid-product__image-mask {
border-radius: 30px !important;