Jump to content

Transparent Images Have Grey Background When Uploaded

Recommended Posts

Site URL: https://bymirjam.squarespace.com

Hi! 

I am working on a website for a friend and have a question. We uploaded a few images (PNG format) that are meant to have a transparent background but when we upload them to the website it shows a grey background (see attached screenshot). 

Does anybody have any recommendations about what to do to ensure that the background stays transparent when it's being uploaded to Squarespace?

Thanks!

Screenshot 2020-04-01 at 14.27.25.png

Link to comment
  • 1 month later...

Confirmed that Derrick is correct - to fix this mess that Squarespace has created with their asinine default settings, do the following:

Menu > Design > Section Themes

Select the theme of the section where your images are displaying incorrectly.  You'll have to do this for all offending sections. 

Click on the offending image, which selects it's widget type in the styles options list.  Choose 'image overlay' and move the white circle in the bottom ribbon all the way to the left.  This will then display transparency correctly.  

 

Squarespace team - please get your sh* together, this is garbage.  

Link to comment
55 minutes ago, Blooming said:

PracticalPorpoise & derricksrandomviews, this is so helpful, thanks so much!!!

Update: It has worked on desktop but not on mobile? Do you guys have any idea why this might be?

Can you share link to page where you has this image?

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

While in the config panel, choose the mobile view up in the corner  and see what that looks like, if the color theme reflects what you see on the screen try tweaking again section theme again, if this doesn't work CSS code may be necessary and I bet  tuanphan  has some that will  work. 

Edited by derricksrandomviews
Link to comment

It is now working on mobile.

 

@PracticalPorpoise @derricksrandomviews @tuanphan

Thanks so much for your help guys, really appreciate it!

I've just added another question, here, regarding how to overlap an image (arrow) over two sections. I've managed to overlap it over one, but struggling to overlap it over two. Would love to know if either of you could help me on that one. 

Thanks again for your help above!

 

Edited by Blooming
Link to comment

Hi @PracticalPorpoise,

Thanks for valuable feedback! I'd be happy to suggest it to our development team on your behalf. While we can't guarantee implementation of every suggestion, customer feedback is an important part of how we continue to improve our platform, so we appreciate your input. 

For any feature requests that you would like to be logged, contacting our Customer Support team would be the best approach. As per point 6 of the forum guidelines we don't track feature requests in this forum. For now, I am closing this post.

Thanks!

Link to comment
Guest
This topic is now closed to further replies.
×
×
  • 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.