The Divi Show / Hide Button Module lets you reveal, hide and toggle Divi Builder elements using a Divi-style Button. It comes with a way to hide your Divi Builder element (section, row or module) initially, so that it is hidden until the user later reveals it by...
Divi Tutorials, Fixes & Customization Tips
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.
Want the easier way to customize Divi?
Many of these tutorials show manual Divi fixes and code snippets. Divi Booster gives you 100+ extra Divi settings - no custom coding required.
Search Divi Tutorials
Looking for a specific Divi module, setting or fix? Search the tutorials below.
Add an "Add to Cart" Button to the Woo Products Module
Divi includes a WooCommerce Products module (formally called the Shop module), which can display a grid of products from your WooCommerce store. Here's how to add an "Add to Cart" button to the products in the products module, and some tips for configuring these...
Change Logo Size on Mobile
If you need to change the size of your Divi theme header logo on mobile, here's how to do it for some of Divi's header formats.Change Mobile Logo Size (Centered Header) For the "Centered" format, you can change the size of the logo on mobile with the following CSS:...
Change Default Tab in Filterable Portfolio Module
The Divi theme comes with a filterable portfolio module which lets you filter a list of projects by category. By default, all categories are shown initially. If you'd instead like to set a particular category as the default, here's how.Change the Default Category...
Updating the Divi Theme
When you first try to update the Divi Theme, you may receive the following error: "An error occurred while updating Divi: Before you can receive product updates, you must first authenticate your Elegant Themes subscription. To do this, you need to enter both your...
Recreate the top header phone / email in a module
The Divi default header can be configured with a secondary header which displays, among other things, a phone number and email address. If you use a custom header built in the theme builder, you won't be able to make use of this secondary header. Here's how you can...
Focus on the Divi Password Box module on load
Divi Password Box lets you style password protected pages using the Divi Builder. Here's how to ensure that the cursor is focused in the password box module's password field when the page loads. You should be able to do it by adding the following JavaScript to your...
Link Gallery Module Lightbox Images to Custom URLs
The Divi Theme includes a gallery module which can display a grid of images in your pages. When you click on an image its full size version is opened in a lightbox. Normally when you click on this enlarged image it will load the next image from the gallery into the...
Add More Social Icons in Divi Header / Footer
The Divi theme lets you add social icons to the header and/or footer. However, the range of icons on offer is rather limited. Divi Booster includes a feature which vastly increases the choice of icons. Adding Social Icons to the Header / Footer in Divi Booster To use...
