Jump to content

PNG Transparent Background Issue

Recommended Posts

Hello! I've added an image to my website that is in PNG format, with transparency but for some reason there is a grey background to the image when I upload it and view it on my home page. However, when clicking on the image there is transparency (which is how I'd like it to appear on my home page). I've attached a screen grab of the issue that I'm referring to.

Can anyone offer any suggestions? Thank you!

Screenshot 2023-02-01 at 10.51.12.png

UK based illustrator.

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

It's probably because the images have a gray "overlay" set on them. You can remove it throughout the website via "Design" > "Colors" or on the image block individually, click on the pencil icon > Design > Disable "Overlay".

Screenshot 2023-02-01 at 14.10.23.png

Link to comment

Thanks for your help, unfortunately I can't seem to find that on the Wells template - I've included a white background to the image which has done the trick, I wonder whether transparent PNG's aren't acceptable on the Wells template?

UK based illustrator.

Link to comment
On 2/1/2023 at 9:22 PM, JamieKirk said:

Thanks for your help, unfortunately I can't seem to find that on the Wells template - I've included a white background to the image which has done the trick, I wonder whether transparent PNG's aren't acceptable on the Wells template?

Can you share link to your site? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.