Divi Overlay Images Pro

Divi Overlay Images Pro adds an Overlay Image module to the Divi Builder, placing text directly over an image. Use it for labels, supporting details, calls to action, image-based navigation, portfolio layouts, or other image-led sections. Customize the overlay in Divi’s visual builder. The extension is built for Divi 4 and is not compatible with Divi 5.

Choose when the overlay appears

Fade, Slide, and Zoom reveal overlay text when a visitor hovers over the image. Always keeps the overlay visible. Set the transition duration to control the effect’s timing. For Slide, select Top, Bottom, Left, or Right as the animation direction.

• Fade: gradually reveals the overlay text.
• Slide: moves the text into view from the selected direction.
• Zoom: reveals the text with a zoom effect.
• Always: keeps the overlay visible over the image.

Add buttons and icons to the overlay

The Pro edition lets you add a button or an icon alongside the overlay text. Button and icon style settings let you adjust their appearance, while overlay style settings provide control over the image treatment.

Install and configure the module

Download the add-on, sign in to your WordPress admin dashboard, then go to Plugins and choose Add New. Choose Upload Plugin, select the plugin ZIP file, and click Install Now. After installation, activate the plugin. The Overlay Image module should then appear in the Divi Builder module list. Open it in Divi’s visual builder, add an image and overlay content, and select an effect. Set the transition duration, and, for Slide, choose a direction. Add a button or icon if needed, adjust the available style settings, then publish the layout.