Divi Booster logo

Divi Booster

Blog

Open a Toggle Module when Linking to the Page

Divi includes a Toggle module which lets you display a content in an expandable box. The toggle module can be configured to start open or closed. But if you'd like to be able to selectively open the toggle module when linking from another page, here's how to do it....

Reveal Divi Contact Form with a Button Click

Divi includes a contact form module that lets you add an email contact form to a page. Here's how to hide the contact form until a "Contact Us" button is clicked.Add a Contact Us Button with Divi Show / Hide Button Module Divi Show / Hide Button module makes it easy...

Styling the Filterable Portfolio Module Tabs

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...

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...

Hide Modules Initially with the Divi Show / Hide Button

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...

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:...

Reveal a Divi Module (or Row / Section) when Button Hovered

The Divi Show / Hide Module lets you add a button to Divi that reveals or hides Divi Builder elements with the click of a button. Now you can also use it to show or hide the elements when the button is hovered instead of clicked. Here's how.Show / hide elements when...

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...