The Divi Theme comes with a gallery module which gives you the option of displaying your image gallery as a series of thumbnails (grid view). Changing the Gallery Grid with Divi Booster Divi Booster adds options to the Divi Gallery module settings for controlling the...
Divi Booster
Adjust Slide Image Position in a Divi Slider Slide
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...
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...
Adding Custom Icons to Divi
Divi comes pre-packaged with a selection of icons which can be used with modules such as the blurb module. These icons are 'font icons' provided by Elegant Themes and there is no in-built way to add new fonts. Fortunately, there is a way we can work around this to add...
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...