Divi

Add Widget Area Below the Divi Header Navigation Links

Several people have asked me whether it's possible to add a widget area to the right hand-side of the Divi Theme header bar. Here's the code to do so. It adds a widget area just below the Divi header navigation links (if you want to replace the Divi header navigation...

Change Font Size in Single Divi Text Module

Brent asks "Is it possible to change the font size in only one text module with CSS in Divi?" It is indeed possible in the Divi Theme to change the font size on a single text module. Here are two ways to do it. Changing the Font Size in the Text Module Settings The...

Adding CSS to the Divi Theme

Many of my Divi Theme tips and tricks will involve adding some CSS to your theme. Here is how to add your own CSS to the Divi Theme. Adding CSS to Divi via the Theme Options The easiest, and perhaps best way to add CSS to the Divi Theme is via the Custom CSS box in...

Hide the Divi Theme Header

The Divi Theme comes features a prominent, responsive header bar. If you don't want to show this bar on your site, this post describes how to hide it. Note: I've got a separate post on how to hide the top header / secondary menu bar (that's the thin bar at the very...

Hide the Divi Theme Header when Scrolling Down

A prominent feature of the Divi Theme is the responsive header which starts off large, then shrinks to a smaller version as you scroll down. This smaller header hovers above the content of the page. Disabling the Fixed Divi Header If you’d rather not have the header...

Customizing the Divi Wordpress Theme

This post is a collection of tips and tricks for getting the most out of the powerful Divi Theme by Elegant Themes. If you've installed the Divi theme and need some help adjusting the appearance to suit your needs, let me know in them comments and I'll do my best to...