.home .singular-entry {
background: rgba(127,127,127,.5);
}
FWIW, you’ll need to play with the text colors, too, so they’re visible against the mask and background.
To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
Hi Steve,
That works really well- many thanks! I should be able to change the text color for that page to make it legible, but that shouldn’t be too hard (I hope). It’s weird that none of the other css I’d found and tried (probably 15 different versions) worked. Thanks again for posting this.
One last question related to this- I just put a sidebar on that page and need it to be transparent as well (it’s got a white background by default). I imagine it’s a matter of identifying the sidebar container and putting that in the css you posted, along with the home page identifier? I can’t figure out what the sidebar is “called” to put it there. Any chance you could help with that? I think then I’d have the home page looking like it needs to.
Ah, I got it worked out. Here’s the code if anyone else needs to make the sidebar half opaque as well. Thanks again Steve- much appreciated.
.sidebar .sidebar_widget {
background: rgba(127,127,127,.5);
color: white;
font-weight:bold;
font-size: 10px;
}
