Divi includes a filterable portfolio module which lets you display your projects along with "tab" buttons that let your users select particular categories of project to view. Here's some tips for styling the filterable portfolio module tabs. First, though, here's how...
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.
Make Woo Products Module Items Equal Height
Divi includes a Woo Products module (formally called the Shop module), which can display a grid of products from your WooCommerce store. The heights of the products can vary depending on their contents, leading to an uneven grid. Here's how to equalize the heights of...
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...
