Divi Shortcode Popup Module

I often get asked how to make a Divi button display a shortcode in a popup. While there are some great popup plugins out there, I decided to create something quick and easy to configure that is specifically designed for the task of showing shortcode output in a popup....

Open Divi Menu Links in New Tab

Divi lets you display WordPress menus in various locations, such as the primary header. Normally the menu links open in the same tab. To instead open some or all of these links in a new tab, you can use a hidden feature built into WordPress itself. To open Divi menu...

Styling the Divi Show / Hide Button when "Active"

Divi Show / Hide Button is a module for Divi which can be used to easily show and hide content at the click of a button. If you'd like to change the styles of the button when it is "active", i.e. after it has been clicked and the content revealed, here's how. Using...

Dynamically add Items to Video Slider Module

Divi comes with a video slider module that lets uses select from a collection of videos. Normally, you have to add these videos within the video slider module settings. If you instead want to dynamically populate the video slider from a list of video URLs, here's how...

Divi ARMember Kit

ARMember membership plugin lets you add membership features (such as signups and subscriptions) to your site (there's a premium version too). I've been doing a bit of work integrating ARMember with Divi, and have converted this into a plugin: Divi ARMember Kit. This...

Change Width of the Default Divi Footer Bottom Bar

The Divi theme includes a footer containing, among other things, a bottom bar which displays copyright / credit links, and social icons. The default width for the content in this bar is 80% of the screen width, with a maximum width of 1080px. If you'd like to change...

Add Icons to Accordion Module Titles

The Divi theme comes with an Accordion module which lets you present FAQs and other content in expandable boxes (or "toggles"). Open accordion toggles display a close icon on the right hand-side of the title. But there isn't currently an option to display an...

Put One Divi Accordion Module inside Another

If you need to embed one Divi module inside another, there are several plugins out there that may help, such as Simple Divi Shortcodes (free), Shortcodes for Divi (also free), or Divi Shortcodes (premium). They all work in more or less the same way – you save...

Hide Default LearnDash Components when using Divi LearnDash Kit

Divi LearnDash Kit lets you design LearnDash courses from within the Divi Builder. When doing that, you may wish to hide some of the default content that Divi and LearnDash add outside the Divi Builder layout area. Specifically, this includes the default course...

Add Second Button to Blog Module Posts

The Divi theme comes with a blog module, which lets you display a list of posts anywhere on your site, complete with featured image, excerpt and read more button. If you'd like to add a second button beside posts in the Divi blog module, here's a way to do it. I've...

Add / Remove LearnDash Course Materials

If you want to add supplementary materials to a LearnDash course page, you can use the built-in "Course Materials" option. Enable LearnDash Course Materials You'll find the option to add course materials by going into the backend edit screen for your course page and...

Change Show / Hide Button Text on Click

Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. It includes an option to change the text of the button when it is 'active' (i.e. when it has been clicked). Here's how to set the option up. Setting the Show / Hide...

Set Password Expiry in Divi Password Box

The Divi Password Box module lets you style password protected WordPress pages using the Divi Builder. The module builds upon WordPress's password protection, and as such when the user enters the correct password, they will gain access to the page for 10 days. After...

Divi Show / Hide Module Grouping Option

The Divi Show / Hide Button module lets you reveal Divi Builder elements with the click of a button. Sometimes you may wish to apply custom styles to the button when it has been "activated", i.e. clicked. One way you can do it is to use the grouping option. If you set...

Prevent Empty Searches in the Divi Search Box

By default, an empty search in Divi will result in the display of all posts on the search page. Here's how to prevent empty searches. Prevent Empty Searches in the Default Header Search Box To prevent empty searches in the search box revealed by the search icon in the...

Add EDD Cart Icon to Divi Header

Want to add a cart icon to the Divi header when using Easy Digital Downloads? Here's how to do it. Simply add the following PHP code to your site: // Add EDD cart icon and quantity to header menu function dbc_add_menu_items($items, $args) { if...

Hide Gallery Slider Controls and Dots

The Divi theme comes with a gallery module which lets you display pictures in images in both a grid and slider format. The Divi gallery module displays navigation arrows and dots when in slider mode. If you'd like to hide these, you can do so with the following CSS:...

Change Divi Contact Form Action URL

The Divi theme comes with a Contact Form module which lets you create flexible forms for collecting information from your users. Normally, the information collected is delivered to you as an email. But by modifying the URL to which the collected information is sent...

Change Divi Show / Hide Button Width

Divi Show / Hide Button can be used to show and/or hide elements in a page built using Divi Builder. Here's how to adjust the width of your show / hide button. Set the Show / Hide Button's Width You can adjust the width of the Show / Hide Button module's button using...

Restore the Default Divi Header

The Divi theme includes a feature for creating page templates with custom headers, footer and / or  layouts, known as the Divi theme builder. If you are trying to disable a custom header built using the Divi theme builder, but are unable to restore the default Divi...