Browse practical Divi tutorials, fixes and customization tips from Divi Booster. Find step-by-step guides for improving Divi modules, fixing common layout issues, customizing design details, and getting more from your Divi site.
Many of these tutorials show manual Divi fixes and code snippets. Divi Booster gives you 100+ extra Divi settings - no custom coding required.
Looking for a specific Divi module, setting or fix? Search the tutorials below.
To celebrate Divi Booster appearing in Elegant Themes' list of 10 awesome plugins for Divi, I teamed up with the authors of four of the other plugins to put together The Ultimate Divi Bundle. The bundle is no longer available for purchase. However, you can still...
The Divi Theme comes with a range of header formats, including two "centered" layouts. When viewing these centered layouts on mobiles, the header menu is shown along with the "Select Page" text, e.g. If you'd like to remove or change this text, there are a couple of...
Code Snippet Module for Divi Builder My latest WordPress plugin, Code Snippets, adds a new module to Divi Builder. It lets you easily display source code within your Divi Builder posts and pages. Adds a new code snippet module to Divi Syntax highlighting of...
One slight quirk of the Divi Theme is that once you've started using the Divi Builder, you can't change the page layout. As a result, if you started your page with a sidebar layout (for example), you can't easily switch to a full width, sidebar-less page layout. Here,...
The Divi Theme has a nice feature whereby you can use CSS IDs as anchor links. If you give one of your Divi Builder components (a section, module, etc) a CSS ID of, say, "jumptohere", then you can create a link of the form https://www.mysite.com/mypage/#jumptohere and...
The Divi Theme comes with a post navigation module which lets you add links to your "previous" and "next" posts. By default, the "previous" link appears on the left and the "next" link on the right. If you'd prefer to swap them, you can use the following CSS:Related...
You can use the Divi Sidebar Module to add widgets to the Divi Builder. This lets you position them on the page as though they were Divi modules. here's how to do it. Go to "Appearance > Widgets" in your WordPress dashboard. There, create a new widget area using...
In my earlier post, I described how to detect if the Divi Builder is in use on a given post / page edit screen. But what if you want to actually detect when the user enables / disables Divi Builder editor? It can be done as in the following way. Adding jQuery to the...
You may find that certain Divi Theme features stop working correctly when you upgrade to WordPress 4.5. For instance you may find that your sliders don't slide, or your images don't show. This post explains how to solve it. What's the problem? The problem is that...
The Divi Theme includes a visual page builder, allowing edits to be made directly to the front-end view of the site. When adding custom code to a Divi site, it can sometimes be useful to determine whether or not the visual builder is active on the page. For example,...
