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 Image Module lets you upload and display an image in your page. But if you need to set the Image dynamically, here's how to use a shortcode to set the image URL.Step 1: Enable shortcodes in the image module URL field By default Divi doesn't support...
The Divi Theme's Accordion module doesn't come with a way to open / close all accordion toggles at once. Here's how to add a Button module which will do just that.Step 1: Add a Button Module Begin by adding a button module to your layout. This will be the button that...
The Divi theme Post Content module introduced by Divi 4.0 is a placeholder for the main content layout, within a theme builder template. It comes with a convenient option to set its background color / image. However, you might find that your chosen background doesn't...
The Divi theme includes a menu module which is well-suited to adding menus both in your custom headers and footers and also as a handy navigation element within individual pages. To improve readability or fit your site design, it is often desirable to add separator...
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...
