Minimal Theme : How to Give Rounded radius on Image Gallery

Hi, guys …

Need Help here..

If possible to add rounded on gallery image.

Like Border radius : 8% ;

Like this :


URL: https://go-drinks.myshopify.com/

PASSWORD: godrinks

@GoDrinks-Bali

@GoDrinks-Bali

Go to your code editor > Assets > theme.scss.css and paste below line at the bottom of the file:

.gallery__image-wrapper img {
border-radius: 8%;
}

if you also want on both the image gallery then add like below :

.gallery__image-wrapper img, .grid-link__image img {
border-radius: 8%;
}

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

in mobile view not rounded.. can you help me, where i can paste the code ?

@GoDrinks-Bali

Please add this

.collection__grid-image-wrapper .collection__grid-image {
    border-radius: 20%;
}