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...
Divi
Use Shortcode in Divi Image Module
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 Entire Divi Accordion Module
The Divi Theme's Accordion module doesn't come with a way to open / close all accordion toggles at once. Here's how to add a 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...
Set the Post Content Module Background
The Divi theme 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...
Add Separators in the Divi Menu Module
The Divi theme includes a menu module which is well-suited to adding menus both in your custom headers and footers and also as a handy navigation element within individual pages. To improve readability or fit your site design, it is often desirable to add separator...
Display Divi Projects in a Table
The Divi theme includes a Project custom post type, which can be displayed in a grid format using the portfolio module. If you instead want to display your projects in a table, here's an example of code for displaying projects in table format, with custom fields and...
Align the Divi 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 the...
Hide Empty WooCommerce Cart in Divi
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...
Style the Search Box Close Icon in Divi
The main header of the Divi theme 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...