Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • 0
av2247

Adding a background fill just behind text

Question

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

Edited by av2247
Initial Revision

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

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!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...