Blog

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

Create Tabs with Divi Show / Hide Button

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 tabs.Creating Tabs with the Divi Show / Hide Button ModuleI created the Divi Show / Hide Button Module as an easy way...

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

Floating Blurb Module Layout

Here's how to achieve a simple 4 column layout with blurb modules in the Divi theme 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...

Set Divi Section Background Position

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 Divi 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 settings2. Switch to the "Advanced" tab3. Enter the following Custom CSS:Here's a screenshot showing the location of the per-post Custom CSS box: