How can I adjust round collection images for full coverage and size?

Store Design
1

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
Skjermbilde 2021-07-13 kl. 13.50.56.png2880×1800 481 KB

2

https://baugis.myshopify.com

1 Like
3

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