semi transparent color for text background, 7.1

Hi, I have no css experience but got this code from someone to put color behind my text, so it's easier to read. When I make it semi-transparent, the changes don't show up on the live site. It seems like Squarespace doesn't like the semi-transparent option. Does anyone know if it's possible to have a semi-transparent color behind text?

Copied the code below. To make the color transparent I added e0 after the color, like this: #947342e0

#collection-5f4719c8e451e21ba1543a9d .sqs-block-html .sqs-block-content {
    padding-left: 5%;
    padding-right: 3%;
    padding-top: 2%; padding-bottom: 2%;
    background-color: #947342;
}

Thank you! Am also wondering if there's a way to target just the text in the main part of the page, and leave text in the footer alone. (right now, when I add text to the footer it also comes with a background color. Thanks very much for the help.

had a similar question and found this post. tried that and it looked like when I opened Custom CSS I was seeing the transparent color, but when saved and refreshed - no color at all. I then changed color from hexvalueE0 to an rgba color and it worked for me.

@numbereight I just posted a blog post on this that may help you.

rebeccagracedesigns.com/blog/add-a-transparent-background-to-text-and-buttons-in-squarespace 

@KseniaYa is correct. The best way to get a transparent color is to use an rgba code instead of a hex code. I believe for your specific color you would use rgba (148, 115, 66, 0.5) . You can then change the 0.5 to any number between 0 and 1 to change the opacity.