Trying to remove gray outline on product image

[motanujora]

Hi everybody!

When I create a "Rich text with Image" section I get this little gray outline and I would like to ask if anybody knows how I can remove it?

Thank you very much in advance and if you have any questions please do not hesitate.

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[motanujora]

Hi! It's https://977a11.myshopify.com/

There's no password.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

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

[Cedcommerce · Accepted solution]

Hello @motanujora,

To remove the gray outline on product media, you can simply follow the below steps.

Go to Shopify Admin Dashboard and click on Online Store.

Click on Customize button.

Click on the theme setting icon in the left-hand sidebar > Then click on Media.

Make border thickness 0px.

Refer to the below screenshot for more information.

Image.png

Hope it helps. Let us know if you need more help with this. 

Regards, 

CedCommerce