Use a ScrollSequence as a Divi Builder row background

The Scroll Sequence plugin allows you to create animated image sequences that play out as you scroll up and down the page. These sequences have the potential to make for eye-catching backgrounds to your Divi Builder content. But actually setting one as a background is...

Filtering the Divi Module Advanced Fields

Divi's developer documentation describes how to control the Advanced Field Types for a module's settings: that is, how to add / control advanced options such as background and font options to Divi modules. There's a built-in filter for modifying these fields, which...

Resize (Non-Module) Divi Gallery Thumbnail Sizes

Divi's theme options includes the option to replace the standard WordPress gallery with a Divi-style gallery (which, while not a module, resembles the galleries generated by the Gallery Module). By default the gallery image sizes are cropped to 400x284px. Here's how...

Add Instagram Color Gradient to Social Media Follow Module

Divi's Social Media Follow module lets you add icons for various social networks, including Instagram. By default, the Instagram icon has the old-style red background. If you'd rather use Instagram's newer yellow / purple color gradiant for the background, this post...

Show / Hide Button: Reveal Content by Anchor Link

The Show / Hide Button plugin lets you control the visibility of content on your page at the click of button. One of its features is the ability to hide that content initially, on page load. However, hiding content initially prevents it from being linked to by anchor...

Upgrading your License for a Divi Booster product

If you would like to upgrade your license for your Divi Booster product, for example converting your single site Divi Shortcode Enabler license to a 3-site or unlimited license, here's how. 1) Log into your Divi Booster account. You can do so at: Your Account 2) Click...

Fix "Header & Navigation" Options Missing from Customizer

With the Divi theme installed, the Theme Customizer provides a range of options for configuring the way Divi looks. One set of options in the customizer is the "Header & Navigation" options for configuring the way the Divi header bar looks. If you find that these...

Fix "Footer" Options Missing from Customizer

With the Divi theme installed, the Theme Customizer provides a range of options for configuring the way Divi looks. One set of options in the customizer is the "footer" options for configuring, obviously, the way the footer looks. If you find that these footer options...

Scheduling Modules to Show at Particular Dates / Times

Here is a quick round up of some of the options for controlling the visibility of Divi Builder elements (modules, rows, sections) based on the date and time. This allows, for example, scheduling of limited time promotional content, hiding of content until a launch...

Set Divi Image Module Image from a Shortcode

The Divi Theme Image Module lets you upload and display an image in your page. But if you need to set the Image dynamically, here's how to use a shortcode to set the image URL. Step 1: Enable shortcodes in the image module URL field By default Divi doesn't support...

Open / Close All Accordion Toggles with the Click of a Button.

The Divi Accordion module doesn't come with a way to open / close all accordion toggles at once. Here's how to add a Divi Button module which will do just that. Step 1: Add a Button Module Begin by adding a button module to your layout. This will be the button that we...

WooCommerce Product Price Shortcode

Here's the PHP code for adding a custom shortcode to your site, which will output the price of a given WooCommerce product: add_shortcode('db_wc_product_price', 'db_wc_product_price'); function db_wc_product_price($atts) { if (!function_exists('wc_get_product') ||...

Disable WooCommerce Marketplace Suggestions

WooCommerce shows suggestions for products from its marketplace, within the WordPress admin area. If you'd like to disable these Marketplace Suggestions, here are several ways to do so. Disable Marketplace Suggestions from the WooCommerce Settings The Marketplace...

Change the Post Content Module Background Color

The Post Content module introduced by Divi 4.0 is a placeholder for the main content layout, within a theme builder template. It comes with a convenient option to set its background color / image. However, you might find that your chosen background doesn't show,...

Add Vertical Separator Bars to the Divi Menu Module

I've written before about how to add separator bars to links in the main header. This post covers how to achieve the same effect in the Divi menu module. Specifically, here's what we're trying to achieve: Here are several ways to add the vertical lines between the...

Displaying Projects in a Table

Here's an example of code for displaying projects in table format, with custom fields and links to the individual projects. I.e. this is what we're trying to achieve: Step 1: Set up Custom Fields To display custom fields for you projects, you can set them up using the...

Center or Right-Align the Footer Menu

The Divi Theme includes an option to add a menu to the footer, between the widget area and the bottom bar, like so (highlighted in orange): By default the links are on the left. This post covers ways to move then to the center (as shown below) or the right. Setting...

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