Jump to content

Main Homepage image - white appears gray

Recommended Posts

  • 4 months later...
On 10/10/2019 at 3:41 PM, Sinclair said:

Thanks for this screen shot SM... but I have never seen any of these options. I don't know where they exist.

I was able to get rid of the annoying grey overlay squarespace puts over your images with a white background or a transparent background.

Go to edit your entire page and not just text / content on the page. You'll do this by going to Edit > Design > Colors. Once in colors, scroll down to your active theme. In this case mine is White Bold Default. Click on the little pencil icon in the button next to your active theme. Scroll down to image block and depending on if you're using a card or an overlap or poster, change the "image overlay" from black to white.

 

This fixes this issue

 

 

Untitled.png

Link to comment
  • 1 month later...
  • 1 year later...

Has anyone been able to fix this issue using the most recent Squarespace designer website? Since site styles has been added? I no longer see the "image overlay" option under "colours" or under "image blocks"....So frustrating!!! I tried to choose a palette that had white as one of the three colours and it appeared to work but when I saved and jumped out the grey came back! It's like squarespace really doesn't want white backgrounds.....

Link to comment
20 hours ago, astralcompass said:

Has anyone been able to fix this issue using the most recent Squarespace designer website? Since site styles has been added? I no longer see the "image overlay" option under "colours" or under "image blocks"....So frustrating!!! I tried to choose a palette that had white as one of the three colours and it appeared to work but when I saved and jumped out the grey came back! It's like squarespace really doesn't want white backgrounds.....

If Site Styles doesn't help you, try adding this to Design  >Custom CSS

.image-overlay {background: transparent !important;}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...
  • 1 month later...
On 8/2/2021 at 2:18 AM, astralcompass said:

Has anyone been able to fix this issue using the most recent Squarespace designer website? Since site styles has been added? I no longer see the "image overlay" option under "colours" or under "image blocks"....So frustrating!!! I tried to choose a palette that had white as one of the three colours and it appeared to work but when I saved and jumped out the grey came back! It's like squarespace really doesn't want white backgrounds.....

If you edit the image and select design tab, you can select Inline option and this way there is no overlay, any other option has an overlay and gives the gray box on my template.

Link to comment

To do this in 2022:

section edit > colors > theme editor > image block: (whatever you're using) > switch to white

1932624354_ScreenShot2022-03-06at11_37_03PM.thumb.png.06233d905a2713229f2075b4729deec3.png

or

site styles > colors > select a color from 'Customize your themes' to go to 

1263304958_ScreenShot2022-03-06at11_38_37PM.thumb.png.939ef5a88258c2dda48f5fa77c44ba1f.png

or use the css Tuan suggested

 

Edited by gnvw
Link to comment
  • 1 month later...

I have the same issue. An Image I'm trying to add always has an overlay. As mentioned above when selecting the image overlay, change to white and dropping the transparency to zero, the image still has a subtle white hue applied to it. This essentially desaturates my image. 

I added the custom code as well but I'm still new to this, do I have to apply it somehow or is just dropping it into the design custom section enough?  

Edited by Temiki
better comprehension
Link to comment
On 5/1/2022 at 9:53 AM, Temiki said:

I have the same issue. An Image I'm trying to add always has an overlay. As mentioned above when selecting the image overlay, change to white and dropping the transparency to zero, the image still has a subtle white hue applied to it. This essentially desaturates my image. 

I added the custom code as well but I'm still new to this, do I have to apply it somehow or is just dropping it into the design custom section enough?  

Can you share link to page where you have problem? We can check easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 7 months later...
On 12/13/2022 at 2:41 PM, KC18 said:

Hi there,

I can't seem to change the background color to white for some reason (it changes to a lighter gray) even though my site styles use #FFFFFF.

How should I go about this? Thank you so much!

 

image.png

Hi,

Can you share link to page where you have problem? We can check easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.