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

Generating Divi Breadcrumbs from a Menu

The Divi Breadcrumbs Module lets you add SEO-ready breadcrumbs to any Divi builder layout. By default, the breadcrumbs are based on the structure of the site as it is defined in WordPress (e.g. using categories, tags, parent pages, and so on). But what if you need the...

Fix LearnDash Certificate Builder not working in Divi

LearnDash includes the option to reward your users with certificates upon completion of course material such as lessons. To make designing the certificates easier, LearnDash offer the free Certificate Builder Add-On. If you're having trouble getting it to work with...

Filtering the Divi Shop Module

Divi comes with a collection of modules for WooCommerce (and newer cart & checkout modules). One of these is the Divi shop module which allows WooCommerce products to be displayed in a grid, similar to the blog module and portfolio module. One thing currently...