Solved

How i can make Slightly rounded corners on every thumbnail image

Shivam97
Trailblazer
165 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)

Kinjaldavra
Shopify Partner
2302 570 1422

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)

Kinjaldavra
Shopify Partner
2302 570 1422

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%;
}
Shivam97
Trailblazer
165 0 63

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

URL - www.portronics.com

sliz.PNG

 

Kinjaldavra
Shopify Partner
2302 570 1422

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
165 0 63

Thanks @Kinjaldavra It worked.

Tom119
Excursionist
25 0 13

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

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Tom119 

can you please share your Brooklyn theme preview url 

Tom119
Excursionist
25 0 13

@Kinjaldavra 

Here you go: nomnomnomnom.myshopify.com

Pass: nomnom

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Tom119 

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

Tom119
Excursionist
25 0 13

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