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.
The Divi Theme has a nice feature where you can save your Page Builder page layouts for use as templates on other pages. By default Divi comes with a selection of predefined layouts. If you’d like to programmatically add to this selection of predefined layouts (e.g....
The Divi Theme comes complete with a built-in full-width slider module. Here's a quick guide to setting it up (and avoiding one of its biggest pitfalls). Note: see this post if you'd like to set up a fullscreen Divi slider with menu / logo overlay. Step 1: Create a...
The Divi Theme sidebar is quite narrow, and you may find yourself wanting to increase its width. Changing the Sidebar Width in Divi Recent versions of Divi include an option for setting the sidebar width. To set the sidebar width: From your WordPress dashboard, go to...
The Q2W3 Fixed Widget (Sticky Widget) plugin allows you to mark individual widgets as sticky, meaning that when you scroll up the page they will stay in position on the screen, rather than scrolling out of sight with the rest of the content. A good use for the plugin...
A "sticky" widget area lets you add widgets to your theme and have theme remain on display while the user scrolls down the page. Here's how to add a "sticky" sidebar widget area to the Divi Theme. What is a "Sticky" Widget Area? A sticky widget area gives you a place...
The Divi Theme uses a responsive design, meaning it adjusts its layout to look good on any size of screen. This is achieved using CSS styles targeted at particular screen sizes using a technique called "media queries". If we're looking to make changes to Divi using...
Divi has a nice option to add a video background to page sections. This lets you show videos instead of simple images behind your content. This post explains how to add a video background section to your Divi layouts. Step 1: Create a New Page Hopefully you know how...
There is a minor bug in the Divi Theme which can occur when you use team member modules within a specialty section. The Divi theme incorrectly applies a 350px margin to the team member descriptions, meaning that the team member descriptions appear under the wrong...
If you'd like to add a semi-transparent background to the Divi Theme header bar, you can do so by adding the following CSS to your theme: #main-header::after { content: ""; background-image: url('myimage.png'); background-size:cover; opacity: 0.5; top: 0; left: 0;...
If you change the height of the logo in the Divi Theme you may find that the links to the right of the header bar are no longer nicely vertically centered in the header bar. This happens because Divi uses a fixed amount of padding to move the links into the correct...
