How to remove the thin border around the product images (in the actual product pages)

Store Design
1

Hello,

I’ve stumbled upon a similar topic (from a year ago) with the same question, however, the solution that was offered didn’t work for me.

The topic offered the following code below, and had to be placed at the bottom of the assets/base.css. But it sadly made no change to my website.

.card--outline:not(.card--soft) { border: 0rem solid transparent !important; } .product__media-list .product__modal-opener { border: 0rem solid transparent !important; }

I’m using the Dawn theme and wonder, is there perhaps a different snippet of .CSS code that I could use to remove the thin border around the images in the product pages?

Below shows an image of the thin borderline I mentioned.

Thanks so much in advance for your time in advance,

Screen Shot 2022-04-14 at 05.54.45.png
Screen Shot 2022-04-14 at 05.54.45.png520×462 39.1 KB

1 Like
2

Hello @irrimiri

Welcome to the Shopify Community! Please share your store URL, so that I can check you issue and will back to you with proper solution. Have a Good Day!..

3

Please share your store URL, so that I can check your issue and will back to you solution

4

Hi @irrimiri ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /base.css paste code below into end of the file.
.global-media-settings {
    border: none !important;
}

If code doesn’t work. Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.

1 Like
5

This worked! Thank you so much!

6

Thanks so much for the offer to help. But it’s solved :slightly_smiling_face:
I just tried Halothemes’ code snippet, and it worked like a charm.

7

Thanks so much for the offer to help. But it’s solved :slightly_smiling_face:
I just tried Halothemes’ code snippet, and it worked like a charm.

8

it didnt work for me :disappointed_face:

9

@Califournicatio ,

Can you share your issue with URL.

10

Hi, it doesn’t work for me. I still have the lines around images in my blog articles.

Can you help?

Thanks!

Thalia

11

@Thalie ,

Please share the issue with URL and password with screenshot.

12

I’m having the same issue I already tried to customize the code as indicated on this post and it did not fix the problem, I am using Dawn as my theme.

13

This piece of code doesn’t work for me, and I don’t really know anything about editing code. Do you have some more detailed information of exactly how to add this code? Thanks!