WordPress plugin

Divi Overlay Images Pro

Divi Overlay Images Pro adds an Overlay Image module to the Divi Builder for placing text directly over an image. Use overlays for labels, supporting details, calls to action, or image-based navigation, and personalize them in Divi’s visual builder. The plugin supports Divi 4 and is not compatible with Divi 5.

Divi Overlay Images Pro

Divi Overlay Images Pro adds an Overlay Image module to the Divi Builder for placing text directly over an image. Use overlays for labels, supporting details, calls to action, or image-based navigation, and personalize them in Divi’s visual builder. The plugin supports Divi 4 and is not compatible with Divi 5.

Overlay effects and controls

Choose how the overlay text appears: Fade gradually reveals it, Slide moves it into view, Zoom reveals it with a zoom effect, and Always keeps it visible over the image. Set the transition duration to control the effect’s timing. For Slide, select Top, Bottom, Left, or Right as the direction.

Buttons, icons, and styling

Add a button or an icon alongside the overlay text. Button style controls adjust the button’s appearance, while icon style controls let you tailor the icon. Overlay style options provide further control over the visual treatment.

Set up an image overlay

After activating the extension, find Overlay Image in the Divi Builder module list. Open it in the visual builder, add an image and overlay content, then select an effect and adjust its settings. Set the transition duration; if you pick Slide, select its direction. Add a button or icon if needed, customize the available styles, and publish the layout.