Overlay over background image in hero section

Here is my site Read-Only:

https://preview.webflow.com/preview/marketing-lists?utm_medium=preview_link&utm_source=designer&utm_content=marketing-lists&preview=9df0d01a67c1c8cbcb77687b473f72a9&mode=preview

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.
Stefan

  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.

1 Like

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