Gray border on images

[barnabé]

Hi ! 

As many people, I have gray border outside of my images. I added a border radius on the CSS by using on every image this code : img {
border-radius: 20px;
}

And so gray lines appears around the image making the border radius useless.

I have seen many people in the same case but it seems that this code at the bottom of the base.css work for them but not for me... Any solutions ? Here is the css code i tried : 

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
border: none;
}

Any help would be very appreciated !! 
Thanks. 

[Moeed]

Hey @barnabé 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[barnabé]

Hey !

Here you go : https://equipe-5-next-u.myshopify.com/

Password : aiheon

Thanks ! 

[Moeed · Accepted solution]

Hey @barnabé 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.image-with-text__media--medium {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[barnabé]

Thank you so much, it works ! 

By any chance do you now how to apply it on product images ? Just like in the following picture ? 

Thanks ! 

[Made4uo-Ribe]

Hi @barnabé 

Please, share your store URL. Thanks!

[barnabé]

Hey ! 

Here is the URL and password : https://equipe-5-next-u.myshopify.com/

aiheon