How can I get round corners for all images and collections in the prestige theme?

Shopify Apps
1

I want to get round corners on all product cards, images, collections and the front page. I’m using the prestige theme. Thanks.

2

Hi @Theo69

Can you share with me your store URL to check further?

3
4

Hi @Theo69

Thanks for sharing:

You can change the border of images on your store by following this instruction:

  1. Go to Shopify > Theme > Customize

  2. Copy and paste this code on Theme settings > Custom CSS section

.image-with-text img {
    border-radius: 10px !important;
}

.blog-post-card img {
    border-radius: 10px !important;
}

.product-card__media img {
    aspect-ratio: auto !important;
    border-radius: 10px !important;
}

I hope it helps.

Liz

5

Hi Liz,

It helped to round the corners on some images on the home page. It did not
help with the images in the collections.

Theo

6
7

Hi Liz, I have to correct myself. It worked!!! Thank you so much!

8

one more thing: on these 3 pages it is not working properly:

https://ambrosia-nektar.com/blogs/greece-unknown

https://ambrosia-nektar.com/pages/explore

https://ambrosia-nektar.com/pages/news-press

9

Hi @Theo69 ,

You can add the code below to Custom CSS section :

.featured-blog-post {
    background: none !important;
}
.featured-blog-post img {
    border-radius: 10px !important;
}
.multi-column__item img {
    border-radius: 10px !important;
}

I hope it helps.

10

Thank you so much!!!