The Divi Theme has a flexible sidebar which can be positioned on either the left or right of the page (or hidden altogether). Unfortunately, the way that the sidebar is structured actually makes it very difficult to set the background color with margins, etc, that...
Divi Booster
Removing the Divi Theme Dividing Line
By default the Divi Theme displays a dividing line between the main content and the sidebar. It's possible to remove this dividing line using CSS, like so: .container:before { background-color:transparent !important; } .et_pb_widget_area_right { border-left:0...
Add a Full-Width Image Above the Divi Header
One feature missing from the Divi Theme which can be found in some other themes is the ability to have a full-width image displayed right at the top of the page, above the main header bar. We can add such a "banner" image to Divi in the several ways: Adding an Image...
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...
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...