Sinclair Posted October 10, 2019 Share Posted October 10, 2019 My home page image is a photo that has a logo and type overplayed on top. The logo and type are pure white. When I import this image into Squarespace, the logo and type appear light gray. I've tried saving the image as a JPG and PNG – same result. Any ideas? Link to comment
SabineM Posted October 10, 2019 Share Posted October 10, 2019 (sorry for mistakes - I am German....) do you have an overlay color, perhaps? See in your > site styles > style editor.... Link to comment
Sinclair Posted October 10, 2019 Author Share Posted October 10, 2019 Thanks for the quick response. I don't see where "> site styles > stye editor" is located. I am still working in "trial mode"... I wonder if this is part of the issue?? Link to comment
SabineM Posted October 10, 2019 Share Posted October 10, 2019 what template do you have? Link to comment
SabineM Posted October 10, 2019 Share Posted October 10, 2019 this may help .-) Nir 1 Link to comment
Sinclair Posted October 10, 2019 Author Share Posted October 10, 2019 I honestly have no idea. I searched the basic templates at first, picked one that looked somewhat close to what I needed, and proceeded to add all of my graphics and text. Link to comment
Sinclair Posted October 10, 2019 Author Share Posted October 10, 2019 Thanks for this screen shot SM... but I have never seen any of these options. I don't know where they exist. Link to comment
SabineM Posted October 10, 2019 Share Posted October 10, 2019 As I made some website for clients - would recommend you to use the Brine template or one of this family ( see squarespace help - Brine) - it is the best and has the most features and used by the most professional designers. Link to comment
Guest Posted February 27, 2020 Share Posted February 27, 2020 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 Link to comment
Rose7 Posted April 19, 2020 Share Posted April 19, 2020 Thank you soooo much C!! I have been battling with this all morning - I got there in the end with your fix - am so grateful :) thanks for sharing it Link to comment
Guest Posted August 2, 2021 Share Posted August 2, 2021 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
tuanphan Posted August 3, 2021 Share Posted August 3, 2021 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
Shamray Posted January 19, 2022 Share Posted January 19, 2022 On 8/2/2021 at 11:50 PM, tuanphan said: If Site Styles doesn't help you, try adding this to Design >Custom CSS .image-overlay {background: transparent !important;} Thanks for this info. Site Styles wouldn't open up for me. This CSS worked great for me. Link to comment
SarahCreated Posted February 27, 2022 Share Posted February 27, 2022 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
gnvw Posted March 7, 2022 Share Posted March 7, 2022 (edited) To do this in 2022: section edit > colors > theme editor > image block: (whatever you're using) > switch to white or site styles > colors > select a color from 'Customize your themes' to go to or use the css Tuan suggested Edited March 7, 2022 by gnvw Link to comment
Temiki Posted May 1, 2022 Share Posted May 1, 2022 (edited) 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 May 1, 2022 by Temiki better comprehension Link to comment
tuanphan Posted May 4, 2022 Share Posted May 4, 2022 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
KC18 Posted December 13, 2022 Share Posted December 13, 2022 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! Link to comment
tuanphan Posted December 15, 2022 Share Posted December 15, 2022 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! 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
KC18 Posted December 15, 2022 Share Posted December 15, 2022 Hi @tuanphan, thank you so much for responding and I just figured it out. It's because of the shadow that I've applied on the header! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment