Why is there a gray line on my product banner?

Store Design
,
1

My problems were solved at this post https://community.shopify.com/topic/2243326

But, Grey line is occured after i changed the photo on product banner. You can see at the photo below. How can i solve this.

Thanks in advance.

Ekran Alıntısı.JPG
Ekran Alıntısı.JPG1388×598 70.3 KB

2

@MYILDIZ ,Check the CSS of taht particulat div and if there is any box shadow related property are there then comment it or add like below CSS to override it.

box-shadow:none;

3

i dont know this is related or not but when i try to paste this code (box-shadow:none;) below it did not work

MYILDIZ_0-1697277399247.png
MYILDIZ_0-1697277399247.png1269×192 13.2 KB

4

@MYILDIZ , Could you please share your store URL? SO can check and guide you accordingly.

5

https://wheelweightsmachine.com/

6

Hey @MYILDIZ

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 tag

RESULT:

Moeed_0-1697278967255.png
Moeed_0-1697278967255.png1385×677 103 KB

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

Best Regards,
Moeed

7

Thank you sir, its solved.

8

@MYILDIZ got it.

Please add the below line of CSS at the end of your base.css file.

.global-media-settings.media{
border:0;
}
9

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.