Round collection images

Baugis
Tourist
9 0 4

Hello,

 

Can anyone help me get full coverage of the circles? I've looked around and tried some codes, but haven't found any that works yet. And is it possible to make the circles smaller? So the hole section takes up less space.

 

Thanks.Skjermbilde 2021-07-13 kl. 13.50.56.png

0 Likes
dmwwebartisan
Shopify Partner
7305 1723 2301

@Baugis 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-1499789718857 .collection-image--is-collection img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes