Add corner radius to product images in Symmetry Theme

ClaireB_ · ‎03-06-2024

Hello! I'm using Symmetry 7.0.0 and want to add a corner radius to product images - I can't locate the theme file to do so. An

suyash1 · ‎03-06-2024

@ClaireB_ - can you please share your website link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Dan-From-Ryviu · ‎03-06-2024

Hi @ClaireB_

You can do that by adding this code at the bottom of your main.css file

.img-ar img {
border-radius: 12px !important;
}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

FreckledWhimsy · ‎04-27-2025

This worked for me on the Symmetry theme version 7.3. Thank you!!!

Dan-From-Ryviu · ‎04-27-2025

Thanks for letting me know!

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Moeed · ‎03-07-2024

Hey @ClaireB_

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Add corner radius to product images in Symmetry Theme