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

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 had a bit of a play around and come up with a basic implementation (in PHP). In this example I'm adding a "Buy Tickets" button with a URL taken from a custom field....

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 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: .et_pb_gallery .et-pb-slider-arrows, .et_pb_gallery .et-pb-controllers { display: none !important; } Related Post:...

Change Divi Contact Form Action URL

The Divi Contact Form module 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 you could, for example,...

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

If you are trying to disable a custom header built using the Divi theme builder, but are unable to restore the default Divi header, here's a possible explanation The Theme Builder is Disabled, but not Deleted You might notice that, in addition to the default Divi...

Add Title & Tagline to the Divi Menu Module

The Divi theme comes with a menu module lets you place menu links anywhere within your page layout. One thing it doesn't include in its many options is an option to display the site title / tagline. If you'd link to add the site title and / or tagline to your menu...

Change the Order of Social Icons in Divi

Divi lets you add some of the most common social icons to the header and footer, and plugins such as Divi Booster let you add many more. These show up in a fixed order. Here are some ways to adjust the order of the footer icons. Reverse the Order of the Footer Icons...

Increase Space Between Items in Divi Menu Module

The Divi menu module lets you place menu links anywhere within your page layout. However, it doesn't currently include an option to adjust the spacing between the menu links. Here's how you can. First, here's an example of the menu module with the default spacing...

Fix WC Vendors Pro Panel Issues in Divi

Here are some tips I've gathered for improving compatibility between the WC Vendors multivendor marketplace plugin and Divi Fix Pro Dashboard Settings Tabs Not Working The WC Vendors Pro Dashboard Settings menu item takes you to a screen with a set of tabs: Store,...

Disable jQuery Deferral in Divi

Divi 4.10 introduced a range of performance improvements, including disabling jQuery deferral until later in the page. However, if you are seeing errors in the browser console relating to jQuery or its functions not being defined (and correspondingly that some of the...

Disable Dynamic Icons in Divi

The Divi 4.10 release added a raft of speed improvements, including 'dynamic icons', a mechanism by which the standard Elegant Themes font icon is split up and subsets of the icon are loaded only as needed. Now, only a portion of the full icon set is loaded by...

Set Transition Speed in Divi Show / Hide Button

Divi Show / Hide Button can be used to show and/or hide elements in a page built using Divi Builder. By default the transitions take 400 milliseconds to complete. You can adjust this transition time as follows. Setting the Transition Duration You can adjust the show /...