Trying to remove grey outline on blog post's images

Hi everyone,

When I add a png image to my blog post, this grey outline appears. Do you know how I can remove it ?

Thank you !

Theme : Dawn 6.0.2

Website : www.daiquiriparis.com

Picture :

Hi @contactdaiquiri

Thank you for providing your website. Can you provide us the link to your blog?

Hey,

Sure ! Here is the blog post’s link, you will see that the second image (pill shape) is surrounded by a grey outline : https://daiquiriparis.com/blogs/news/our-natural-stones-their-virtues

Thanks !

Hi @contactdaiquiri

Thank you for providing the link. Please follow the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
.article-template__content.page-width.rte img {
    border: unset;
}

Hi @contactdaiquiri

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.rte img {border: none !important;}

Regards,

San

Thank you so much!