How can I add rounded corners to my theme's collection images?

Store Design
1

can anyone tell me how to add rounded corners to my collections img’s on my theme ? https://nativeself.myshopify.com/collections/crystals password is 1885

kind regards

2

@skeltonmfc

product image already shows in rounded corners. please share a screenshot of what you want!

Thanks!

3

Hello @dmwwebartisan

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->novstyle.css>Add this code at the bottom.

.section-gallery-image .gallery-image__item {
    border-radius: 8px !important;
}

Do you want it like this: -

2023-04-15_17-50.jpg
2023-04-15_17-50.jpg1902×291 72.4 KB

4

Hello @skeltonmfc ,

To add rounded corners to your collection images you can follow these steps:

  • Online Store > Theme > Customize > Click on the Section > Custom CSS in collection settings
  • Copy the code below into the Custom CSS field:
.section-gallery-image .gallery-image__item {
  border-radius: 8px;
}

If you add other collection sections in the future, follow the same steps for each. Making small changes using Custom CSS field will allow you to upgrade your theme without having to reset codes.

I hope it helps and good luck! Feel free to reach out if you need any further assistance.
Best regards,
Eray Barslan | Shopify Developer & Designer