Minimal Theme : How to Give Rounded radius on Image Gallery

Store Design
1

Hi, guys …

Need Help here..

If possible to add rounded on gallery image.

Like Border radius : 8% ;

GoDrinks_0-1639473055512.png
GoDrinks_0-1639473055512.png1586×556 327 KB

Like this :

GoDrinks_1-1639473180969.png
GoDrinks_1-1639473180969.png241×230 11.9 KB

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

PASSWORD: godrinks

2

@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%;
}

Savior_0-1639475078884.png
Savior_0-1639475078884.png1490×671 171 KB

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

3

GoDrinks_0-1639625998535.png
GoDrinks_0-1639625998535.png451×617 70.7 KB

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

4

@GoDrinks-Bali

Please add this

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