How i can make Slightly rounded corners on every thumbnail image

Solved
Shivam97
Trailblazer
164 0 63

Hi there,

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

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

slight corners.PNGsliz.PNG

Accepted Solution (1)

Accepted Solutions
Natztech
Shopify Partner
2229 564 1363

This is an accepted solution.

hello @Shivam97 

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

View solution in original post

Replies 9 (9)
Natztech
Shopify Partner
2229 564 1363

This is an accepted solution.

hello @Shivam97 

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

View solution in original post

Shivam97
Trailblazer
164 0 63

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

URL - www.portronics.com

sliz.PNG

 

Natztech
Shopify Partner
2229 564 1363

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
Trailblazer
164 0 63
Tom119
Excursionist
25 0 13

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

Natztech
Shopify Partner
2229 564 1363

hello @Tom119 

can you please share your Brooklyn theme preview url 

Tom119
Excursionist
25 0 13

@Natztech 

Here you go: nomnomnomnom.myshopify.com

Pass: nomnom

Natztech
Shopify Partner
2229 564 1363

hello @Tom119 

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

Tom119
Excursionist
25 0 13

@Natztech 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?