Collection Images not Transparent on Website

Collection images I upload with a transparent background appear with a background on my website. I want to fix this so that I can see the image with its original transparent background.

Hi @KSA1997

Can you provide a link to the site and upload an example image please?

Absolutely. Website is www.myseacoffee.com and the password is Password1. The image I am using is white with a transparent background. I will upload the image, but a better example of what I am trying to accomplish is the white images used below the collections on the website.

Hi @KSA1997

It looks like the image being used on that part of the site at the moment is a white .jpg (which can’t have any transparency).

If I replace the URL of the image in the code with the one you supplied it seems to work fine…

Oh wow, that seems so simple. If I may ask, where did you replace the URL in the code for this to work?

Hi @KSA1997

I was doing it in Developer Tools in Google Chrome.

It just modifies what I see in my browser.

If you upload the PNG image you posted here (modify that block in your shopify customiser) instead of the jpeg image that currently sits on there, it should be fine.

@KSA1997

oh sorry but in can’t see proper image please

I may have misunderstood, but when I upload the image again (confirmed to be a PNG) it still has the same issue. I saw a comment somewhere claiming that the image needed to be in a web format?

Hello, I am not sure I understand your reply. Is there anything I can do which might help me find an answer?