Title: Overlay Image Divi Module Author: learnhowwp Published: 29, Abril de 2020 Last modified: 27, Xineru de 2025 --- Guetar plugins ![](https://ps.w.org/overlay-image-divi-module/assets/banner-772x250.png?rev=2295926) ![](https://ps.w.org/overlay-image-divi-module/assets/icon-256x256.png?rev=2295926) # Overlay Image Divi Module By [learnhowwp](https://profiles.wordpress.org/themeythemes/) [Download](https://downloads.wordpress.org/plugin/overlay-image-divi-module.1.5.1.zip) * [Details](https://ast.wordpress.org/plugins/overlay-image-divi-module/#description) * [Reviews](https://ast.wordpress.org/plugins/overlay-image-divi-module/#reviews) * [Installation](https://ast.wordpress.org/plugins/overlay-image-divi-module/#installation) * [Development](https://ast.wordpress.org/plugins/overlay-image-divi-module/#developers) [Support](https://wordpress.org/support/plugin/overlay-image-divi-module/) ## Description The [Divi Overlay Images](https://www.learnhowwp.com/divi-overlay-images) plugin enhances your Divi Builder by adding a versatile module that allows you to display text on top of images. With this plugin, the text elegantly reveals itself when you hover over the image, creating engaging and interactive visual effects. Choose from four captivating overlay effects: Fade, Slide, Zoom, and Always. You have full control over the transition duration for the overlay effect, allowing you to fine-tune the timing to suit your design preferences. If you opt for the Slide Effect, you can even specify the direction of the animation—choose from Top, Bottom, Left, or Right. To get a glimpse of the plugin’s capabilities, take a look at our Divi Overlay Images Demo, which showcases its features in action. [Divi Overlay Images Demo](https://www.learnhowwp.com/divi-overlay-images) Getting started is easy with our comprehensive guide on how to add overlay text on image hover in Divi. Follow the step-by-step instructions to quickly implement this dynamic feature on your website. [How to add overlay text on image hover in Divi](https://www.learnhowwp.com/add-overlay-text-image-divi/) **Free Version Features** * Visual Builder Supported: Seamlessly integrate the plugin with Divi’s visual builder for effortless customization. * Slide Effect: Display the overlay text with a smooth sliding animation. * Zoom Effect: Highlight the text with a subtle zooming effect. * Fade Effect: Gradually reveal the text with a fade-in transition. * Always Effect: Always show the overlay on top of the image. * Overlay Style Settings: Customize the appearance of the overlay to match your website’s design. * Many more options: Explore additional customization options to achieve the desired visual impact. **Pro Version Features** Unlock the full potential of Divi Overlay Images by upgrading to the Pro version, which includes the following premium features: * Option to Add Button: Enhance user interaction by including a button alongside the overlay text. * Option to Add an Icon: Supplement the text with an eye-catching icon for added visual appeal. * Button Styles: Customize the button’s appearance, ensuring it seamlessly integrates with your overall design. * Icon Styles: Tailor the icon’s look and feel to align with your website’s aesthetics. Upgrade to the Pro Version for as low as **$5.99** to take advantage of these additional features. Don’t miss out – [Upgrade for as low as $5.99 Today!](https://www.learnhowwp.com/divi-overlay-images) Looking for more information on the plugin or want to buy it on my website? Check out [Divi Overlay Images](https://www.learnhowwp.com/divi-overlay-images) on our website for more information. Or, buy the plugin on [Divi Marketplace](https://www.elegantthemes.com/marketplace/divi-overlay-images/), a trusted marketplace for Divi-related products. **More Free Divi Plugins** * [Divi Contact Form DB](https://wordpress.org/plugins/contact-form-db-divi/) * [Divi Post Carousel Module](https://wordpress.org/plugins/post-carousel-divi/) * [Divi Menu Cart Module](https://wordpress.org/plugins/menu-cart-divi/) * [Divi Flip Cards Module](https://wordpress.org/plugins/flip-cards-module-divi/) * [Divi Breadcrumbs Module](https://wordpress.org/plugins/breadcrumbs-divi-module/) * [Divi Image Carousel](https://wordpress.org/plugins/image-carousel-divi/) ## Screenshots * [[ * [[ * [[ * [[ * [[ ## Installation 1. Download the plugin. 2. Log in to your WordPress admin dashboard. 3. Go to “Plugins” and click on “Add New.” 4. Click on the “Upload Plugin” button. 5. Choose the downloaded plugin ZIP file and click “Install Now.” 6. After installation, click on “Activate Plugin” to activate the Divi Post Carousel plugin. ## FAQ ### Where can I access the module? After you activate the plugin a module should automaically appear in the module list. The name of the module is Overlay Image. ### What is the Divi Overlay Images plugin? The Divi Overlay Images plugin is an add-on for the Divi Builder that allows you to display text on top of images, creating engaging and interactive visual effects. ### How does the plugin enhance the Divi Builder? The plugin enhances the Divi Builder by adding a versatile module that enables you to overlay text on images and apply various hover effects, giving you more design options and interactivity. ### What are the hover effects available with the plugin? The plugin offers three hover effects: Fade, Slide, and Zoom. ### Can I customize the transition duration for the overlay effect? Yes, you have full control over the transition duration for the overlay effect. You can fine-tune the timing to suit your design preferences. ### How many directions are available for the Slide Effect animation? You can specify the direction of the Slide Effect animation. You have four options: Top, Bottom, Left, or Right. ### Is there a demo available to see the plugin in action? Yes, you can check out the [Divi Overlay Images Demo](https://www.learnhowwp.com/divi-overlay-images) on our website. It showcases the features of the plugin and demonstrates how it works. ### How can I add overlay text on image hover in Divi using this plugin? You can follow our comprehensive guide on [adding overlay text on image hover](https://www.learnhowwp.com/add-overlay-text-image-divi/) in Divi. It provides step-by-step instructions to help you implement this dynamic feature on your website. ### Can I add buttons alongside the overlay text in the Pro version? Yes, in the Pro version, you have the option to add buttons alongside the overlay text for enhanced user interaction. ### Is there an option to include icons with the overlay text? Yes, in the Pro version, you can supplement the overlay text with eye-catching icons for added visual appeal. ### Can I customize the appearance of the buttons and icons? Yes, you can customize the appearance of both buttons and icons to ensure they seamlessly integrate with your overall design. ### How much does the Pro version cost? The Pro version is available for as low as $5.99. ### Where can I find more information about the Divi Overlay Images plugin? You can visit the [Divi Overlay Images](https://www.learnhowwp.com/divi-overlay-images) page on our website for detailed information about the plugin. ### Where can I purchase the plugin? You can make a purchase directly from [our website](https://www.learnhowwp.com/divi-overlay-images) or find and purchase the plugin on the [Divi Marketplace](https://www.elegantthemes.com/marketplace/divi-overlay-images/), a trusted destination for Divi-related products. ### Is the plugin available on the Divi Marketplace? Yes, the plugin is available on the [Divi Marketplace](https://www.elegantthemes.com/marketplace/divi-overlay-images/), where you can find and purchase it. ## Reviews ![](https://secure.gravatar.com/avatar/830bb34217023b6163af7f79ac4ae471dbfad85e41ae75bbb0c602999af91935? s=60&d=retro&r=g) ### 󠀁[Very useful](https://wordpress.org/support/topic/very-useful-3717/)󠁿 [materialboy](https://profiles.wordpress.org/materialboy/) 23, Febreru de 2026 Thank you so much, exactly what I was looking for. An additional pattern overlay would be great 😉 ![](https://secure.gravatar.com/avatar/abb0a819ea906c35ad8f0cfc6b5a4675e8eb7ea6e27ad2919b4237fd91d3fa78? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-40614/)󠁿 [weblink](https://profiles.wordpress.org/weblink/) 18, Xunu de 2025 Works well, love it! ![](https://secure.gravatar.com/avatar/63aca3c0e2056777e1a5f279564502e5490db944e60b8ac6f274bab06cb0bd70? s=60&d=retro&r=g) ### 󠀁[Does Exactly What it Says](https://wordpress.org/support/topic/does-exactly-what-it-says-269/)󠁿 [Squiggy45](https://profiles.wordpress.org/squiggy45/) 16, Xunu de 2025 I tried a few text reveal modules from some 3rd-party Divi module developers, but this was the the one that did just what I wanted. Just a simple hover & reveal text over an image. What I really like is that it doesn’t use the image as a background, so there is no cropping. ![](https://secure.gravatar.com/avatar/9c590d5d7c6ef5b139a0a7d127f02fc1c8571110bb6bc9208317ee2f33d7f7a3? s=60&d=retro&r=g) ### 󠀁[Very easy to use and great results!](https://wordpress.org/support/topic/very-easy-to-use-and-great-results/)󠁿 [tatapics](https://profiles.wordpress.org/tatapics/) 23, Abril de 2024 The plug in is easy to install, works right away, easy to use and it does what is supposed to do. If you need images with overlay text that is fully customizable then this is the plug in you need. ![](https://secure.gravatar.com/avatar/347fa9a2113db882ae579f3ef437d2ad7009635419700e0d19b6772fb9d6512b? s=60&d=retro&r=g) ### 󠀁[Plugin sencillo y fácil de utilizar](https://wordpress.org/support/topic/plugin-sencilla-y-facil-de-utilizar/)󠁿 [Óscar](https://profiles.wordpress.org/bolcreativo/) 30, Avientu de 2023 Se integra muy bien con DIVI ![](https://secure.gravatar.com/avatar/e8519347ff258907bda8b1d41eec268ef5f60f72bdc3598024253c5cb4759f18? s=60&d=retro&r=g) ### 󠀁[works well](https://wordpress.org/support/topic/works-well-2860/)󠁿 [trouge](https://profiles.wordpress.org/trouge/) 2, Avientu de 2023 Work like it should [ Read all 16 reviews ](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/) ## Contributors & Developers “Overlay Image Divi Module” is open source software. The following people have contributed to this plugin. Contributors * [ learnhowwp ](https://profiles.wordpress.org/themeythemes/) * [ Freemius ](https://profiles.wordpress.org/freemius/) [Translate “Overlay Image Divi Module” into your language.](https://translate.wordpress.org/projects/wp-plugins/overlay-image-divi-module) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/overlay-image-divi-module/), check out the [SVN repository](https://plugins.svn.wordpress.org/overlay-image-divi-module/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/overlay-image-divi-module/) by [RSS](https://plugins.trac.wordpress.org/log/overlay-image-divi-module/?limit=100&mode=stop_on_copy&format=rss). ## Changelog =1.5.1= * Update Freemius SDK to 2.11. =1.5= * Fix image height and width attribute not being added to the image element.* Fix warning optional parameter declared before required parameter. * Move alt and title attribute settings to the advanced tab. * Update Freemius SDK version =1.4= * Added ‘Always’ overlay style. =1.3.2= * Updated Freemius version =1.3.1= * Fixed new icons added in Divi 4.13 not working when selected in the icon selector =1.3= * Updated slide left and slide right aimations to use css transform property instead of width because it made the text look crammed at the start of the animation.* Added option to add a title in the overlay. * Added a rating notice =1.2= * Fixed an issue with plugin showing an error when no image was selected in module. * Moved overlay styles in the Design tab under a new toggle named ‘Overlay’.* Added Freemius to the plugin and released a Pro version =1.1.1= * Added width and height attributes on image =1.1= * Added Zoom effect * Added option to set width for text =1.0.1= * Fixed an issue where the module was not available in the modules list when Divi Breadcrumbs plugin was installed ## Meta * Version **1.5.1** * Last updated **1 añu ago** * Active installations **2.000+** * WordPress version ** 5.0 or higher ** * Tested up to **6.7.5** * PHP version ** 5.6 or higher ** * Language * [English (US)](https://wordpress.org/plugins/overlay-image-divi-module/) * Tags * [divi](https://ast.wordpress.org/plugins/tags/divi/)[divi module](https://ast.wordpress.org/plugins/tags/divi-module/) * [Advanced View](https://ast.wordpress.org/plugins/overlay-image-divi-module/advanced/) ## Ratings 5 out of 5 stars. * [ 16 5-star reviews ](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/overlay-image-divi-module/reviews/) ## Contributors * [ learnhowwp ](https://profiles.wordpress.org/themeythemes/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## Support Issues resolved in last two months: 0 out of 1 [View support forum](https://wordpress.org/support/plugin/overlay-image-divi-module/)