Divi

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.Setting the Default Portfolio...

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

Make Show / Hide Button Active Initially

Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. When a button has been clicked, it is considered 'active' and can be given additional styles. If you'd like to start a button in this 'active' state, here's how.Enable...