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...
Blog
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...
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...
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...
Hide EDD Purchase History Table Prices
If you wish to hide the Price column from the Easy Digital Downloads purchase history table, for example if you only offer free downloads, you can do so as follows.Hide the Purchase History Table Price Column with CSS The following CSS will hide the price column from...
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...