coding effects not showing up anymore

Site URL: https://octopus-caterpillar-98j5.squarespace.com/config

I want to create a translucent color behind white text so that the text stands out on top of a background photograph. 

I found online the code to do this. I found the block ID for the text block, and pasted it into the custom css area - and voila! a translucent gray box behind my text. Perfect. But now, days later, when I look at my site, there is no color behind my text, but the code is still there. 

Here's the code I used - it worked perfectly, but then it didn't:

#block-64433ba78723b747d71d { background: rgba(0,0,0,.5);      }

1 hour ago, PatrickOB said:

Site URL: https://octopus-caterpillar-98j5.squarespace.com/config

I want to create a translucent color behind white text so that the text stands out on top of a background photograph. 

I found online the code to do this. I found the block ID for the text block, and pasted it into the custom css area - and voila! a translucent gray box behind my text. Perfect. But now, days later, when I look at my site, there is no color behind my text, but the code is still there. 

 

Here's the code I used - it worked perfectly, but then it didn't:

 

#block-64433ba78723b747d71d { background: rgba(0,0,0,.5);      }

 

Do you mean something like this?

Finding the right selector can help you go through it

Try this code in Home > Design > Custom Css

#block-38f6ed2c597dd4f5abfb h1 {
  background:  rgba(0,0,0,.5);
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

One tool helping you to get the right id in Squarespace site is Squarespace ID Finder

Here is the way to use it: https://recordit.co/Aj9vXw6rfY

Hope it can help you

1 hour ago, bangank36 said:

Do you mean something like this?

great! thanks for the help!