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.
There are several ways to add JavaScript (or jQuery - basically just of JavaScript with some additional features) code to the Divi Theme. One of the easiest ways is via the Divi Theme Options area. Adding JavaScript / jQuery via the Divi Theme Options If you go to the...
If you use the Divi Theme, you'll be familiar with the power and flexibility of the Divi Builder. However, when you start working on a custom post type you may find yourself missing the Divi Builder. If you'd like to enable the Divi Builder on your custom post types,...
By default, the secondary header in the Divi Theme will display the social icons on the left when the contact information (phone / email) are enabled, but on the right if there is no contact information. If you'd like to display the social icons on the right-hand...
The Divi Theme sets a maximum height on featured post images at 675px. If you upload an image taller than this it will be cropped. You can prevent this behavior by increasing the maximum height (to about 1000px) by adding the following filter to your functions.php...
By default the Divi Theme will stretch featured images to the width of the post area. If you'd like to disable this and have the images display at their actual size, you can do so by adding the following CSS to the theme: body.single article.has-post-thumbnail >...
Elegant Themes have just released their biggest updated yet to the Divi Theme, version 2.4. This version bring in a whole raft of new features to make customizing your site even easier and make the page builder even more powerful. Obviously a change this big will have...
The Divi Theme is a massively popular WordPress theme created by Elegant Themes that includes a powerful visual page builder, versatile modules and a flexible template system. This post provides a comprehensive overview of the Divi theme. About the Divi Theme Before...
By default the Divi Theme header sticks to the top of the page as you scroll down. It is possible to disable this feature and you may occasionally find yourself in the situation that you want to make the header sticky, but can't find out how to do so. You can...
The Divi Theme comes with a drag and drop page builder, called the Divi Builder. While it has a simple, clean presentation, the padding and large buttons can make it feel a bit claustrophobic on smaller screens. With a bit of a CSS tweak we can make it a nice spacious...
Divi includes an option to enable social media icons in the secondary header. However, ever since v2.4, it no longer displays these icons in the secondary header on mobile devices / screen widths, even with the option enabled. If you'd like your mobile users to see...
