Divi

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

The Divi Show / Hide Module lets you add a button to Divi that reveals or hides Divi Builder elements with the click of a button. Now you can also use it to show or hide the elements when the button is hovered instead of clicked. Here's how.Show / hide elements when...

Change Default Tab in Filterable Portfolio Module

The Divi theme comes with a filterable portfolio module which lets you filter a list of projects by category. By default, all categories are shown initially. If you'd instead like to set a particular category as the default, here's how.Setting the Default Portfolio...

Updating the Divi Theme

When you first try to update the Divi Theme, you may receive the following error: "An error occurred while updating Divi: Before you can receive product updates, you must first authenticate your Elegant Themes subscription. To do this, you need to enter both your...

Recreate the top header phone / email in a module

The Divi default header can be configured with a secondary header which displays, among other things, a phone number and email address. If you use a custom header built in the theme builder, you won't be able to make use of this secondary header. Here's how you can...

Focus on the Divi Password Box module on load

Divi Password Box lets you style password protected pages using the Divi Builder. Here's how to ensure that the cursor is focused in the password box module's password field when the page loads. You should be able to do it by adding the following JavaScript to your...

Link Gallery Module Lightbox Images to Custom URLs

The Divi Theme includes a gallery module which can display a grid of images in your pages. When you click on an image its full size version is opened in a lightbox. Normally when you click on this enlarged image it will load the next image from the gallery into the...

Add More Social Icons in Divi Header / Footer

The Divi theme lets you add social icons to the header and/or footer. However, the range of icons on offer is rather limited. Divi Booster includes a feature which vastly increases the choice of icons. Adding Social Icons to the Header / Footer in Divi Booster To use...

Make Show / Hide Button Active Initially

Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. When a button has been clicked, it is considered 'active' and can be given additional styles. If you'd like to start a button in this 'active' state, here's how.Enable...

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...

Combining LearnDash, Divi LearnDash Kit & SCORM

LearnDash doesn't itself support the e-learning standard, SCORM, but they have a post on adding SCORM compatibility to LearnDash which identifies two plugins which can be used to insert SCORM content into LearnDash: Tin Canny Add-on GrassBlade xAPI Companion You...