Jump to content

7.1 Grey background on my card image

Recommended Posts

  • Replies 4
  • Views 2.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 8/18/2021 at 8:43 PM, BABQT said:

Hello, I am using 7.1 and am having a heck of a time figuring out how to remove the grey background on my photo card. Any help would be greatly appreciated. Thank you!229032771_ScreenShot2021-08-18at8_42_05AM.thumb.png.c1b8f75b422cfd704200dadbdb9c903a.png

Hi. This should be in Design > Site Styles > Color > Image Blocks.

Have you solved it yet?

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

I was having the exact same problem - I edited the CSS to make the image circular, and a grey background popped up. I went into the site style editor and became so desperate, I removed the grey background from *everything* in the entire associated palette (LOL). There was no more grey anywhere in the palette and yet.... the background remained grey.
 

I finally ended up changing the image from a card to inline, and that fixed the problem. Very weird. 
 

Edited by Mirabile
typo
Link to comment
  • 1 year later...

No CSS editing is required to fix this.

  1. In 7.1, click the paintbrush icon in the top right corner, when you are in EDIT mode of your page.
  2. Right column appears, click on colors. 
  3. Select the currently active theme under "Customize your themes" . The current active theme is actually shown left to this right column. 
  4. Now (finally!), click on the picture with the grey background, it will show which colors apply to that item.
  5. Most likely, it will show IMAGE BLOCK: OVERLAP , there, you can click on Image Overlay and make it transparent and/or white.

This will remove that grey background, as you will notice. I must say that I noticed some caching (the grey stayed) when I reloaded the page in another tab, I tried it several times, until it finally worked. Not sure what caused the delay, but this procedure is definitely the right one to get rid of the grey background. This edit is site-wide, but only for the 'theme' you selected !  Repeat if you use several themes, which most sites do.

Link to comment
  • 1 year later...
On 9/18/2022 at 2:46 PM, pso said:

No CSS editing is required to fix this.

  1. In 7.1, click the paintbrush icon in the top right corner, when you are in EDIT mode of your page.
  2. Right column appears, click on colors. 
  3. Select the currently active theme under "Customize your themes" . The current active theme is actually shown left to this right column. 
  4. Now (finally!), click on the picture with the grey background, it will show which colors apply to that item.
  5. Most likely, it will show IMAGE BLOCK: OVERLAP , there, you can click on Image Overlay and make it transparent and/or white.

This will remove that grey background, as you will notice. I must say that I noticed some caching (the grey stayed) when I reloaded the page in another tab, I tried it several times, until it finally worked. Not sure what caused the delay, but this procedure is definitely the right one to get rid of the grey background. This edit is site-wide, but only for the 'theme' you selected !  Repeat if you use several themes, which most sites do.

Yes, this will do. Thanks my friend.

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.