Creating a Background Overlay with Elementor
Using Elementor to create a background overlay effect for Section
Written by RockyThemesWhen setting a Background Image for a Section, it is sometimes needed to set an overlay or mask over the actual image.
To set a Background Overlay, edit the Section in question and navigate to the Style tab.
Expand the Background Overlay area.
Under Background Type choose the type of overlay to use: a solid color, an actual image or a gradient color.
Experience with all option.
Use the Opacity slider to set the actual opacity of the Overlay Background.
Css Filters allows us to alter the visual aspect of the Image set as Overlay, if any is used.
Blend mode allows us to specify how the Overlay Background will be applied over the background image of the section.