Add border radius to all images shopify dawn theme

Store Design
1

Please could anyone help with adding border radius: 10px to all the images ( products, collection, pages) on the Dawn Theme? I’ve tried this solved solution and this solution but none works. My shop is https://sugarkittenlondon.com/

Thanks in advance!

2

Add the following code at the end of the component-card.css file

.card .card__inner .card__media {

border-radius: 10px;
}

.card–card, .card–standard .card__inner {

border-radius: 10px;

}

Add the following code at the end of the base.css

.global-media-settings {

border-radius: 10px;

overflow: hidden !important;

}

Let me know if this work or not.

2 Likes
3

Yes this is really helpful! Many thanks!