Divi Booster logo

Divi Booster

image module

Add an Inset Border to the Divi Image Module

Adding an inset border to an image module in Divi can enhance your design by creating a distinguished look for your images. In this guide, we'll show you how to add a border inside an image using custom CSS. Here's an example of the effect we're aiming for:Add an...

Make a Divi Image Module Gently Bob Up and Down

Creating a floating effect on an image in Divi can add a dynamic and engaging touch to your webpage. In this guide, we will walk you through adding a floating effect to an image module that gently rises and falls to create a subtle bobbing motion.Step 1: Add the...

Swap Image Modules at the Click of a Button

If you want to swap between two Divi image modules at the click of a button, here's a way to achieve it with the Divi Show / Hide Button module. First, create a column with two image modules (one for each image) and then a show / hide button below them, like so:Use...

Use Shortcode in Divi Image Module

The Divi Theme Image Module lets you upload and display an image in your page. But if you need to set the Image dynamically, here's how to use a shortcode to set the image URL.Step 1: Enable shortcodes in the image module URL field By default Divi doesn't support...

Divi Copy and Paste

Less Hassle, More Productivity Copying images and content directly from your clipboard into Divi has never been easier. Say goodbye to the cumbersome save-and-upload routine and hello to streamlined efficiency. A More Efficient Workflow This plugin lets you to...

Diagonally Overlapping Images

Foreground image Background image Combined images Here's a quick tip for using the Divi Theme's image module to do a diagonal overlay of two different images. Create an image module and set one of your images (the one you wish to appear at the top right) as the main...

Show Image Description on Image Module Lightbox

The Divi Theme's image modules come with the option opening the image in a lightbox. That is, when you set the image module's "Image Settings > Content > Link > Open in Lightbox" option to "Yes", your users can click on your image it will be enlarged and...