Divi

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

Set the Divi 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 button module in the Divi builder. However, there are a few differences in behavior compared to the standard button module. The option and it's behavior are...

Show Tags in the Divi Blog Module

The Divi theme comes with a blog module which 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'...

Hide 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, in the Divi theme a custom header built with the Divi Theme Builder will...

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 the 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 an Image Icon to the Divi Social Media Follow Module

The Divi theme comes with a social media follow module which 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...

Create a Divi Button with no Text

The Divi theme comes with a Button module which lets you create buttons with text and an optional icon. But what if you just want the icon, but no text. Here's a couple of ways to achieve that.To create an icon-only button in Divi: Use PHP code to allow display of...

Using Calendly Widgets in Divi

This is a post for collecting together anything interesting I come across relating to the use of Calendly together with the Divi theme.Changing the Height of Calendly Inline Widgets If the height of the widget content is larger than a certain amount, the widget will...