Streaming live at 10am (PST)

Overlay over background image in hero section

Here is my site Read-Only:

I am new to webflow and I am trying to place an overlay, opacity 48, over the hero section. I did add a div block but I am struggling to make it the size of the hero section.

Thank you.

  1. The hero must be position:relative (with no other setting, it doesnt visually change anything)
  2. The overlay must be a child of the hero and set to position:absolute, then click on the big square button option (full)

Adjust the z-index value to make sure the overlay is over or under any other children elements.

Awesome man. Thanks for the advice and the super quick help