Black lines appearing on product thumbnails

[heftyfabworks]

Hello,

I’ve been working to make our product photo sizes consistant (not have black borders) so I’ve been resizing them to 2048 x 2048 and adding white edges as needed. For some reason, some of them end up getting thin black lines around one side of the image. It doesn’t happen to all of them but I’ve tried resizing, saving png vs jpeg etc and it still seems to happen. Is there something I can do to fix this? I’ve included a photo example.

Thanks

[KetanKumar]

@heftyfabworks

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[heftyfabworks]

Our website is https://heftyfab.com/

Thank you for your help.

[KetanKumar]

@heftyfabworks

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

also give particular page link if you have issue

[heftyfabworks]

I’m currently using Chrome. If I use my mobile device, Iphone, and the lines don’t appear.

Example page: https://heftyfab.com/collections/recovery

Starting to wonder if it’s just a browser issue.

[KetanKumar]

@heftyfabworks

Thanks for more details

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.grid__image-ratio {background-color: transparent;}

[heftyfabworks]

Holy cow thank you so much! It looks like it fixed it AND you saved me a ton of work having to go through and edit out the dead space in the photos and make them all white. Thank you!

[KetanKumar]

@heftyfabworks

Thanks for your feedback and support.

[KSabra]

I have the same issue. The photos I’m adding to my stores pages (not theme, not products) is placing a line on the left side. There is no such line in the uploaded photo. How can I fix this?