Autoplay Video Module YouTube Clips on Hover

The Divi Theme's video module allows you to add (among other things) YouTube clips to your page. If you'd like the videos to start playing when the user hovers over them, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to Divi. An...

Open Blog Module Featured Images in Lightbox

The Divi Theme's blog module gives you the option of displaying featured images for each of the posts. By default, these images link to the post to which they relate. If you'd prefer that the images open in a lightbox, you can use the following jQuery code:Related...

Open a Particular Accordion Module Item by Linking

The Divi accordion module starts with the first accordion item open by default. If you'd like to be able to control which accordion item is opened when linking to the page, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to Divi....

Change the Blurb Module Icon / Image Placement on Mobiles

The Divi Theme's blurb module offers a choice of two placements for the blurb icon / image: on top of the text, or to its left. The same placement is used on both desktop and mobile versions. If you'd prefer your left-positioned images and icons to switch to a...

Display Divi Email Optin Module Form Fields Inline

Display Divi Email Optin Module Form Fields Inline

Organizing your Divi Email Optin module's fields inline creates a sleek and professional appearance that can improve user experience and potentially increase conversion rates. By arranging the email field and submit button side by side, you make the form more visually...

Keep Standard Divi Footer in Divi Den Pro

The Divi Den Pro plugin makes it easy to apply a large library of layouts to various parts of the Divi Theme. For instance, it contains a number of pre-designed footer layouts which can be applied to the site. The selected footer layout will replace the built-in Divi...

Reveal a Divi Module (or Row / Section) when Button Clicked

This post describes how to show, hide or toggle Divi Builder elements at the click of a button.Reveal Elements on Click using Divi Show / Hide Module Divi Show / Hide Button Module is a plugin I designed to make it easier to implement some of the effects described...

Changing the Portfolio Module Project Order

Changing the Portfolio Module Project Order

The Divi Theme includes several portfolio modules which can be used to display "projects". While Divi gives you some control over which projects are displayed, such as selecting which category is displayed, it doesn't currently provide a way to control the order in...

Hide the Email Icon and/or Email Address in Divi

Here's how to hide the email address / email icon from the top header in the Divi Theme.Hide the Email Address and Icon The best way to do this is to by simply configuring Divi not to display an email address in the first place. You can do so by going to "Divi > Theme...

Changing the WooCommerce Cart Item Count Text

If you setup a WooCommerce store on the Divi Theme, the header will display a count of the items in the user's cart. The text for this will be of the form "2 Items". If you’d like to change this text, e.g. to translate it into another language, you can use the...