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.
By default, the URL structure for Divi projects is: /project/name-of-the-project. This same structure is displayed in the Divi Breadcrumbs Module plugin. If you'd like to show a project's categories in the breadcrumbs module, so that users can go back one level up and...
The Divi Theme's contact form module can be used to let your users send you messages through your site. If you want to ensure that your website visitors know their submission has been successful, an effective method is to send a confirmation email to the submitter....
When Divi's fixed header option is used, both the main header and the top header will remain visible when scrolling down the page. If you'd like to hide the top header on scroll, so that only the main header is fixed, this post explains how. Here's a before and after...
There are various posts on the web offering suggestions on how to fix issues with the Divi Theme Builder not loading, so I'm not going to try and exhaustively explain the issues here. However, I do want to share an interesting issue / solution I came across, in case...
Divi Slider Animate module was a product of Divi Web Design. It offered a range of slider customizations to help create dynamic text effects, background animations and more. Unfortunately, Divi Web Design no longer seem to be in operation, and their original plugin is...
I've previously written about how to add a lightbox effect to Divi featured images on plain Divi posts. In this post, we look at how to make the Divi Post Title module's featured image to do the same - open a larger version of the image when clicked.BeforeAfterOpen...
The Divi LearnDash Kit plugin adds features to improve the integration of the LearnDash LMS with the Divi Theme. A useful feature of the toolkit is its ability to control the visibility of sections, rows, or modules based on a user's course enrollments.To get started,...
Here's a walk-through of converting a standard LearnDash course page to one built using the Divi Builder. Normally a LearnDash course page is only editable in the back-end and offers limited options for re-arranging and styling the page. You can use Divi Builder to...
In web design, sometimes it's the small touches that make a big difference. In this guide, I'll show you how to add icons to the fields in a Divi contact form. Here's how it will look:For this, we can use some CSS to add icons from the ETModules icon set that's built...
Divi's built-in artificial intelligence feature, Divi AI, lets you quickly generate content and images for your Divi modules. For designers and agencies, maintaining control over its usage by clients can be crucial. Disabling Divi AI where it is not needed helps keep...
