Rounding corners for the product grid images in Collection List - DAWN

global99
Visitor
1 0 0

I want to Round the corners of the product grid images in Collection List, i tried some codes but it did not work for me, would like to some help.

 

**If there is a code to round all product images, that would be great 

Reply 1 (1)

BSS-Commerce
Shopify Expert
3398 449 503

Hi @global99 ,

Please use the CSS attribute: https://www.w3schools.com/cssref/css3_pr_border-radius.php

If you want to round all product images: Go to Admin Shopify > Online store > Eit code > find the theme.css or base.css file (depending on your store) Add the following code at the end of the file:

.product-card-wrapper .card__media img {

border-radius: 25px;

}

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development