Background Overlay

Add to a section with a background image to add an overlay

Note: While the module is selected the overlay will not fill the section, click outside of the module to see how the overlay will appear live. In the page editor only the module will render a notice to make removing/editing the module easier.

Content

Select the type of overlay you want (none, full, medium, light)

Note: Edit these global styles from your Theme Settings under the Components > Hero section.

Change the background overlay color

background-overlay