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 includes a Project custom post type, which can be displayed in a grid format using the portfolio module. If you instead want to display your projects in a table, here's an example of code for displaying projects in table format, with custom fields and...
Aligning your website's footer menu enhances its appearance and ensures it matches your site's overall design. By customizing the alignment, you can improve navigation clarity and deliver a more polished look to visitors. In this guide we show you how to change the...
When WooCommerce is active on a site running the Divi theme, Divi will display a cart icon in the header. Clicking on this cart will take the the user to the checkout. If you don't want users clicking through to an empty checkout page, you can hide the cart icon while...
The main header of the Divi theme includes a search icon, which brings up a site-wide search box when clicked. This search box includes a grey "cross" icon which can be used to close the search box. If you're after something other than a grey cross, here's how to...
Here's how to achieve a simple 4 column layout with blurb modules in the Divi theme that automatically shift over as new ones are added. The problem Say you want a page with monthly updates represented as blurb modules, that looks like this:An obvious way to achieve...
If you want to shift the background on one of your Divi Theme sections, you can do with Divi's position settings. For example, suppose you have a section with a background, and some content (an accordion in this case), like so:You can shift the entire section up...
If you need to hide the main header on a single post in the Divi theme, here's how to do it. 1. Open the Post settings2. Switch to the "Advanced" tab3. Enter the following Custom CSS:Here's a screenshot showing the location of the per-post Custom CSS box:
On mobile devices the Divi theme collapses the header menu items into a dropdown menu, accessible via the mobile menu button. Sometimes though, it's useful to be able to add a link or two next to the mobile menu button, separate from the mobile menu, as shown:This...
Divi Booster lets you add a second button to slides in the Divi theme's slider module and fullwidth slider module.Adding a Second Slide Button With Divi Booster installed, you'll find the following options added to the Slide Settings: Slide Settings > Content >...
