How can I round image edges on collection page in Dawn theme?

Hello,

I need to round the edge of my product images in the collection page. I have rounded them in the product page using the built in customization and would like to do same for collection page.

Thanks

1 Like

Add style: “border-radius: 10px” or whatever value according to your needs to the product image element.

Hey @mangyite ,

Can you share the link to your store please? Thanks!

Hello @mangyite ,

As I understand you are looking to make the corners of your collection list images round.

You can change the corner radius using the theme customizer.

Please follow these steps -:

  1. Go to Online Store → Themes-> Click Customize

  2. Follow the steps mentioned in screenshot.

  1. Now Scroll down the Collection Card option and Go to ‘Border’ option.

  1. You can also change the product image border using theme customizer.

I hope the solution helps you.

Please let me know if you have any query.

Thank you.

6aplus.com

password entry link is on top right

pass: Prussik#

Hey @mangyite ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Change the 15px value to whatever you like


Screenshot is for reference only, the correct code to paste is the one shown above.

3 Likes

Worked a charm, thanks!