I would like to remove the black borders around my images on my product pages, but I don’t know how to do it

Store Design
,
1

Hello,

I would like to remove the black borders around my images on all my product pages, but I don’t know how to do it.

Capture d’écran 2025-09-02 à 12.45.51
Capture d’écran 2025-09-02 à 12.45.511494×1018 136 KB

2

Hi @embracethegrind ,
Please share your store url and password, if password protected.
Thanks
Manoj

3
5

Hello @embracethegrind ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.

  2. Locate Asset > base.css and paste the following code at the bottom of the file:

.global-media-settings {
    border: none !important;
}
.product-media-container.constrain-height.media-fit-contain {
    border:none !important;
}

image
image1570×822 80.6 KB

Let me know if you need further assistance!