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

Display the Site Title and Tagline in the 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...

Change the Spacing between Menu Module Links

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

Using WC Vendors with 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

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

Adjusting the Show / Hide Button Transition Duration

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

Setting the Show / Hide Button Link URL

Divi Show / Hide Button includes an option to make the button link to a target URL, similar to a standard Divi button module. However, there are a few differences in behavior compared to the standard button module. The option and it's behavior are described in this...

Show Post Tags in the Blog Module

Divi's blog module lets you display a list of posts. You can also show some details along with the posts, such as the author of the post and the categories the post is in. One thing the blog module doesn't allow you to display is the posts' tags. Here's how you can...

Prevent Flash of Divi Header in Learndash Focus Mode

Learndash has a focus mode which provides students with a distraction-free page layout. Learndash implements this by hiding other elements on the page, once the page has loaded. However, the Divi Theme Builder header will typically start to display before the page has...

Enable Coming Soon Mode in Divi

Divi doesn't currently include the option to put your site into an 'coming soon' mode. Fortunately, there are several plugins that will add this functionality for you. Divi Coming Soon by Divi Life Divi Coming Soon is a simple, and free, plugin that lets you designate...

Enable Social Icons in Divi Header

In the default header setup Divi places the social icons in the secondary header bar (the thin strip at the top with the phone / email icons). However, you need to first enable this at: Divi > Theme Customizer > Header & Navigation > Header Elements >...

Add Custom Image Icons to the Social Media Follow Module

Divi's social media follow module lets you add icons from a range of social networks into you pages, and Divi Booster adds approximately 300 additional icons. But what if you need an icon not covered by either. Here's how to add your own custom social media follow...

Create an Icon-only Divi Button

The Divi Button module lets you create buttons with text and an optional icon. But what if you just want the icon, but no text. Here's how to achieve that. Create an Icon-only Button By default, Divi won't display an button which has no text, or whose text is just...

Using Calendly with Divi

This is a post for collecting together anything interesting I come across relating to the use of Calendly together with the Divi theme. Problems using Calendly Inline Widgets in Code Modules Calendly offers various methods for embedding its calendars, etc. One is the...

Stop Fullwidth Slider Automatic Animation On Last Slide

Divi's Fullwidth Slider module includes an 'Automatic Animation' option which causes the slides to change from one to the next automatically. Once the last slide is reached, the slider returns to the first slide and the animation continues. Here's how to run the...

Change the Filterable Portfolio Module Filter Tab Order

Divi's filterable portfolio module lets you filter a list of projects by category. These category 'tabs' are sorted alphabetically by default. Here's how the filterable portfolio looks in this case: Changing the Filterable Portfolio Tab Order using Divi Booster Divi...

Use a ScrollSequence as a Divi Builder row background

The Scroll Sequence plugin allows you to create animated image sequences that play out as you scroll up and down the page. These sequences have the potential to make for eye-catching backgrounds to your Divi Builder content. But actually setting one as a background is...