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.
Here are some tips for creating and formatting bullet lists (aka "unordered lists") within the Divi theme.Create a Bullet List To create a bullet list (or "unordered" list) in Divi, first place the items you want to include in the list in a text module (or other...
The Divi Theme comes complete with a handy map module for easily creating embedded Google Maps. It has the option to add a pin, but no option to change the pin icon from the default. It is possible to change the icon in one of several ways:Change Map Module Pin Icon...
Adding a Text Overlay in Divi There is now an option in Divi for adding an background to the slider text which can be applied on a per-slide basis without the need for the code given in this post. To use it, go into the "Design" tab of the slide you wish to add a...
By default, the Divi Accordion module opens the first accordion item when the page loads. If you want a cleaner FAQ, pricing, product details, or documentation layout, you may prefer all accordion items to start closed instead.Quick answer: To make a Divi Accordion...
The Divi Theme pricing table module allows you to supply a list of features for each pricing option. You can mark features as being either included or excluded. Excluded features are shown, but are greyed-out. There is a slight bug in the processing of excluded...
One of the Divi Theme's many modules is the pricing table module, which makes it easy to display the various purchase options for a product. By default, the features you add for each pricing option are listed along with a round bullet point. If you'd prefer not to...
The Divi Theme has a three-lined menu button (also known as the "hamburger") which appears on small-screened devices (mobiles, etc). If you'd like to have the menu button on all screen sizes (and hide the menu links), here's how to do it. Here's how the Divi header...
The Divi Theme will, in some header configurations, display a three-lined "hamburger" menu button. If you'd like to add a bit of text, such as the word "Menu" before the button, here's how to do it.Adding Text to the Default Header Menu Button using Divi Booster Divi...
The Divi Theme slider lets you display slides along with overlaid text. If you are unlucky, you may run across an issue with the slider where the texts of all your slides are displayed at the same time, on top of one another. Kenny was having just this problem over on...
Over on the Divi users facebook group, Geno showcased his new homepage. On it, he achieves a cool trick of having the Divi Theme header hidden until the user begins to scroll down. I decided to try and recreate the effect. Several ways of achieving the affect were...
