Removing the Divi Header Bottom Border
Eliminating the bottom border bar from the Divi standard header creates a cleaner and more modern look on your website. This change can help your header blend seamlessly with the rest of the page, offering a sleeker appearance and improved visual consistency. In this...
Prevent Distortion on Divi Gallery Images
The Divi Theme gallery module has a grid view which shows thumbnails of the images in the gallery. Sometimes the thumbnails will appear distorted, as small images are stretched to fill the thumbnail area. To prevent the image stretching, we can use the following CSS:...
Put Divi Slide Images on the Right
Divi includes a slider module (and fullwidth slider module) which lets you display a slideshow of slides, each containing a description and (optionally) an image. By default the image is on the left and the description on the right. If you'd like to swap the position...
Make Divi Featured Images Full-Width
By default, the Divi Theme shows featured images at the top of posts, just after the post title. Here's how to have the featured images fill the full content width, above the post title (and sidebar). First, we can put the image into position with the following...
Creating and Formatting "Unordered" Bullet Lists in Divi
Here are some tips for creating and formatting bullet lists (aka "unordered lists") within the Divi theme.Create a Bullet List To create a bullet list (or "unordered" list) in Divi, first place the items you want to include in the list in a text module (or other...
Changing the Pin Icon in the Divi Map Module
The Divi Theme comes complete with a handy map module for easily creating embedded Google Maps. It has the option to add a pin, but no option to change the pin icon from the default. It is possible to change the icon in one of several ways:Change Map Module Pin Icon...
Add Semi-Transparent Background to Divi Slider Text
Adding a Text Overlay in Divi There is now an option in Divi for adding an background to the slider text which can be applied on a per-slide basis without the need for the code given in this post. To use it, go into the "Design" tab of the slide you wish to add a...
How to Make a Divi Accordion All Closed by Default – Divi 5 & Divi 4
By default, the Divi Accordion module opens the first accordion item when the page loads. If you want a cleaner FAQ, pricing, product details, or documentation layout, you may prefer all accordion items to start closed instead.Quick answer: To make a Divi Accordion...
Fixing Elegant Themes "Creating default object from empty value" Warning
There was a minor bug in early versions of the update checking code used by Elegant Themes. Every so often an error appears in the WordPress Dashboard which looks something like: Warning: Creating default object from empty value in...
Fix Pricing Table Excluded Features Spacing Issue
The Divi Theme pricing table module allows you to supply a list of features for each pricing option. You can mark features as being either included or excluded. Excluded features are shown, but are greyed-out. There is a slight bug in the processing of excluded...