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.
Learndash has a focus mode which provides students with a distraction-free page layout. Learndash implements this by hiding other elements on the page, once the page has loaded. However, in the Divi theme a custom header built with the Divi Theme Builder will...
Divi doesn't currently include the option to put your site into an 'coming soon' mode. Fortunately, there are several plugins that will add this functionality for you. Divi Coming Soon by Divi Life Divi Coming Soon is a simple, and free, plugin that lets you designate...
In the default header setup Divi places the social icons in the secondary header bar (the thin strip at the top with the phone / email icons). However, you need to first enable this at: Divi > Theme Customizer > Header & Navigation > Header Elements >...
The Divi theme comes with a social media follow module which lets you add icons from a range of social networks into you pages, and Divi Booster adds approximately 300 additional icons. But what if you need an icon not covered by either. Here's how to add your own...
The Divi theme comes with a Button module which lets you create buttons with text and an optional icon. But what if you just want the icon, but no text. Here's a couple of ways to achieve that.To create an icon-only button in Divi: Use PHP code to allow display of...
This is a post for collecting together anything interesting I come across relating to the use of Calendly together with the Divi theme.Changing the Height of Calendly Inline Widgets If the height of the widget content is larger than a certain amount, the widget will...
The Divi theme comes with a slider module (and fullwidth slider module) which lets you display a slideshow in your pages. The slider modules include an 'Automatic Animation' option which causes the slides to change from one to the next automatically. Once the last...
The Divi theme comes with a filterable portfolio module which lets you filter a list of projects by category. These category 'tabs' are sorted alphabetically by default. Here's how the filterable portfolio looks in this case:Related Post: Changing the Portfolio Module...
The Scroll Sequence plugin allows you to create animated image sequences that play out as you scroll up and down the page. These sequences have the potential to make for eye-catching backgrounds to your Divi Builder content. But actually setting one as a background is...
The Divi theme developer documentation describes how to control the Custom CSS Fields for a module's settings. There's a built-in filter for modifying these fields, which you can use like so:
