Creating Tabs using the Divi Show / Hide Button Module

The Divi Theme includes a tab module for creating tabbed content. However, if you want more flexibility, here's how you can use Divi buttons to create a tabs. Creating Tabs with the Divi Show / Hide Button Module I created the Divi Show / Hide Button Module as an easy...

Hide WooCommerce Cart Icon when Cart Empty

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

Styling the Search Box Close Icon

The main Divi header 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 style the search...

Automatically Laid Out Blurb Modules

Here's how to achieve a simple 4 column layout with blurb modules 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 this is to create...

Changing the Position of the Section Background

If you want to shift the background on one of your Divi Theme sections, you can do with Divi's position settings. For example, suppose you have a section with a background, and some content (an accordion in this case), like so: You can shift the entire section up...

Hide the Header on a Single Post

If you need to hide the main header on a single post in the Divi theme, here's how to do it. 1. Open the Post settings 2. Switch to the "Advanced" tab 3. Enter the following Custom CSS: #main-header { display: none; } #page-container { padding-top: 0 !important; }...