The Divi Theme slider module has the option to add an image beside the slide text. If you'd like to change the position of the image for a particular slide, there are two main ways to do so. Move the Slide Image using Divi's Settings Divi offers two options for the...
Features
Changing the Divi Header Top Header Styles
The Divi Theme allows you to set a phone number and email address to be shown at the top of the header, as well as a number of social media icons. Here's how to change the look of these top header text and icons. Changing the Top Header Bar Font Size You can adjust...
How to Add Custom Icons to Divi Modules – Divi 5 & Divi 4
Divi includes a large set of built-in icons, but sometimes you need your own - such as a client logo, brand icon, product icon, or custom graphic that isn’t included in Divi’s default icon set. In this guide, I’ll show you how to add custom image icons to Divi’s...
Changing the Width of the Divi Sidebar
The Divi Theme sidebar is quite narrow, and you may find yourself wanting to increase its width. Changing the Sidebar Width in Divi Recent versions of Divi include an option for setting the sidebar width. To set the sidebar width: From your WordPress dashboard, go to...
Add a "Sticky" Widget Area in Divi Theme
A "sticky" widget area lets you add widgets to your theme and have theme remain on display while the user scrolls down the page. Here's how to add a "sticky" sidebar widget area to the Divi Theme. What is a "Sticky" Widget Area? A sticky widget area gives you a place...
Fixing the Team Member Description Bug
There is a minor bug in the Divi Theme which can occur when you use team member modules within a specialty section. The Divi theme incorrectly applies a 350px margin to the team member descriptions, meaning that the team member descriptions appear under the wrong...
Setting the Divi Theme Sidebar Background Color
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...
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...
