Adding a background fill just behind text

Howdy folks —

I've got an automatically playing video on my cover page, with a little bit of text over it. It's hard to read the text at moments, and I was wondering how I might be able to add a little dark box just behind the text (for both desktop & mobile).

Similarly, on the mobile site — those little bars that expand into the navigation on mobile are invisible when there's a light background image. Wondering if it's possible to add a little grey circle behind them, or something like that.

For reference: here's the site — adamvalenlevinson.com

Hey!

You could try the following in the Cover Page's Code Injection:

<style>
p{ 
background-color: hsla(0, 0%, 0%, 0.49);   
padding: 10px;
    } 
</style>

The 0.49 at the end of the background color controls the opacity of the box. It looked a bit odd without any padding so I threw that in for good measure too.

Hope that helps!