Jump to content

Adding background color to text block no longer working

Recommended Posts

Site URL: https://www.endowellness.com.au/

Hi,

Following what seems to be an update to SS yesterday, my code for adding a color background to a text block is no longer working.  I can see it when I am in the css panel and view the "preview" however it is no longer visible on the Live site.  

For example on the site https://www.endowellness.com.au/ home page first hero banner there should be white transparent background behind the text block.

This is the css I have used:

/*Text Background colour banner images*/
#block-5692ff2866f14080a25a, #block-yui_3_17_2_1_1615452390949_12217, #block-6049f1c6c2c1fa0173ef0ab0 {
background-color: #f0f0f04D!important;
padding: 25px;
}

Thank you in advance. 

Link to comment
  • Replies 3
  • Views 625
  • Created
  • Last Reply
2 hours ago, jesspancakes said:

Site URL: https://www.endowellness.com.au/

Hi,

Following what seems to be an update to SS yesterday, my code for adding a color background to a text block is no longer working.  I can see it when I am in the css panel and view the "preview" however it is no longer visible on the Live site.  

For example on the site https://www.endowellness.com.au/ home page first hero banner there should be white transparent background behind the text block.

This is the css I have used:

/*Text Background colour banner images*/
#block-5692ff2866f14080a25a, #block-yui_3_17_2_1_1615452390949_12217, #block-6049f1c6c2c1fa0173ef0ab0 {
background-color: #f0f0f04D!important;
padding: 25px;
}

Thank you in advance. 

I still see it like this

image.thumb.png.bdc23998b356fcdbd2fa648aef38d59a.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 weeks later...
On 3/13/2021 at 8:58 AM, jesspancakes said:

thank you for looking at this for me.

I don't understand.  I'm looking at it on Chrome, on Safari, on Bing... it does not display the background colour.  I have even contacted SS support and they could confirm it was in "preview" but not live site. ???

change this code #f0f0f04D

to rgba code

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

Archived

This topic is now archived and is 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.