How i can make Slightly rounded corners on every thumbnail image

[Shivam97]

Hi there,

How i can make slightly curvy corner on my every thumbnail images.

URL - https://www.portronics.com/

[Kinjaldavra · Accepted solution]

hello @Shivam97 

.template-product #shopify-section-product-template .grid .grid__item.medium-up--two-fifths .rondell-item-crop img{
	    border-radius: 5%;
}

[Shivam97]

It worked @Kinjaldavra thanks, but the thumbnail cat images some didn't change.

URL - www.portronics.com

[Kinjaldavra]

hello @Shivam97 

#CollectionSection-160689169571201177 .image-wrap {
    overflow: hidden !important;
    border-radius: 5% !important;
}
#CollectionSection-160689169571201177 image-wrap.loaded{
   overflow: hidden !important;
    border-radius: 5% !important;
}

[Shivam97]

Thanks @Kinjaldavra It worked.

[Tom119]

@Kinjaldavra Hi can you also make the code for Brooklyn theme please?

[Kinjaldavra]

hello @Tom119 

can you please share your Brooklyn theme preview url 

[Tom119]

@Kinjaldavra 

Here you go: nomnomnomnom.myshopify.com

Pass: nomnom

[Kinjaldavra]

hello @Tom119 

on which page do you want to make Slightly rounded corners on every thumbnail image?

[Tom119]

@Kinjaldavra Can you help me on the product page please?

And may i ask if it's possible to apply to only desktop and not mobile?