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

Add Links Beside Mobile Menu Button

On mobile devices the Divi theme collapses the header menu items into a dropdown menu, accessible via the mobile menu button. Sometimes though, it's useful to be able to add a link or two next to the mobile menu button, separate from the mobile menu, as shown: This...

Add Second Button to Divi Slider Slides

Divi Booster lets you add a second button to your Divi Slider module slides. Adding a Second Slide Button With Divi Booster installed, you'll find the following options added to the Slide Settings: Slide Settings > General > Text > Button #2 Text Slide...

Remove Sidebar on Woocommerce Product Pages

By default, the Divi Theme will display a sidebar on Woocommerce product pages. Here's how you can hide / remove the sidebar. Hiding the Sidebar using CSS You can use the following CSS to hide the sidebar from your Woocommmerce product pages and center the product...

Make Slide-in Menu Top Level Items into Links

The Divi theme's Slide-In Menu displays menu links in a vertical bar which is revealed when you click the menu button. When opened, it displays a list of top level (parent) menu items. Normally, clicking on one of these menu items takes you to the linked page....

Divi Table Module

If you want to add a table into your Divi Builder layout, here's one option: Divi Table Maker Module The Divi Table Maker plugin adds a Divi Table module that can be used to add responsive tables into Divi Builder layouts. Features include: Multiple Headers and...

Using Shortcodes in the Background Image URL field

The Divi Theme allows you to add background images to Divi Builder sections, rows and modules. By default, Divi doesn't allow shortcodes in the background image URL field. If you want to use a shortcode to generate your background image URL (or part of it), here's how...

Integrating Caspio DataPages into Divi Modules

Caspio is a platform for building online database apps without the need to write code. It allows integration with WordPress via its DataPage feature. Here's how to make use of Caspio DataPages within Divi modules. Introduction DataPages allow reports (graphs, metrics,...

Fix Course Page Replaced by LearnDash Archive Page

If you've just installed the LearnDash LMS plugin, you might find that you can no longer edit your existing Courses page using the Divi Builder and that you see a plain "category"-style page in place of your existing courses page (assuming you had one). There are...

Move Visual Builder Save and Publish Buttons to the Left Side

The Divi Theme visual builder presents a set of control buttons at the bottom of the screen, which allow for various actions such as saving the page. Some of these buttons are located on the bottom right of the page. However this location is also a common place for...

Divi and Protect the Children Compatibility

The Protect the Children plugin lets you extend the password protection on a parent page to all its children pages in one go, to save you having to password protect each child page individually. However, when used with Divi's Theme Builder it enables password...

Make Blog Module Featured Images Non-Clickable

The Divi Theme's blog module displays a list of posts and, optionally, their featured images. By default, clicking on the featured images will take you to the corresponding post. Here's how to make the blog module's featured images non-clickable. Disable the Blog...

Beaver Builder and Divi

This post is a place for me to collect notes on Beaver Builder, specifically how it relates to Divi, the Divi Builder plugin and my own plugins. Can Beaver Builder and Divi Builder be used together? Yes, it's possible to use Beaver Builder and the Divi Builder plugin...

Astra Theme and Divi Builder

This post is a place for me to collect notes on the Astra Theme, specifically how it relates to Divi, the Divi Builder plugin and my own plugins. Can you use Divi Builder with the Astra Theme? Yes, you can use Elegant Theme's Divi Builder functionality on your Astra...

Blacklisting Emails in the Divi Contact Form

The Divi Theme's contact form module offers several features to help reduce the volume of spam comments you receive. This include a math-based captcha, and support for Google's ReCaptcha v3. Despite these, you may still find some spam emails getting through. Another...

Disable Pointer / Clicking on Open Accordion Module Toggles

The default behavior of the Divi Theme's accordion module is to start with one toggle open and the rest closed. Then clicking on a closed toggle opens it and closes the originally open one. One thing you might notice is that, despite clicking on the open toggle having...