Notes

Fix Divi Module Builder Changes not Applied

I been playing around with the brilliant Divi Module Builder from Divi Plugins. It lets you create new Divi modules almost as easily as creating a regular post - just by filling out a form right within your WordPress dashboard. While it makes creating modules insanely...

Implementing Tobias Ahlin's "Moving Letters" Text Effects in Divi

Tobias Ahlin has published a set of cool text effects called Moving Letters. He shares the HTML, CSS and JS needed to add these effects to a plain HTML page. But what about adding them into Divi? Here's (some initial thoughts) on how to do it. If you hover over any of...

Adding a Site-Wide Divi Builder Layout Below the Header

Manually Editing header.php You can add a Divi Builder layout to the header of your pages by editing the header.php file in Divi (or better yet, in a copy of the header.php file placed in a child theme). To do so, replace this line in...

Adding Google Fonts to Divi

The Divi Theme comes with a range of approximately 50 built-in fonts. But if you're looking to add more fonts, or have a specific Google Font you want to use, you may like to use one of the following two options to integrate Google Fonts with your Divi site. Using the...

How to Use a Custom Social Icon in Divi

The Divi Theme comes with an option to add some social network icons to the top header and the footer. However, the set of icons is quite limited. Third party plugins such as my own Divi Booster plugin add lots more icons covering most of the main social networks. But...

Make Divi Builder Full-Width on Learndash Course Pages

When you use Divi Builder to edit a Learndash course page, by default the visual builder is only available on a relatively small part of the page, like so:Here's how to make the visual builder area extend the full width of the page.Make the Course Page Layout...

Show Secondary Menu Items in Secondary Menu on Mobiles

I've previously written about how the links from a menu shown in the Divi theme's secondary header get moved to the mobile drop-down menu, and how to hide them if you don't want that behavior. But what if you want the secondary menu items to keep displaying in their...

Center Fixed Header Menu Links

Here's the CSS for centering the links in the Divi theme's fixed header only (not the main header):Related Post: Adding CSS to the Divi Theme