The Divi theme comes with an accordion module, which can be used to display text in expandable boxes. When using a bullet list with a sub-list in the accordion content, you might notice that there is a reasonably large gap after the sub-list. Here's how that gap can...
Divi
Fix Module Settings Code Editor Styles Messed Up
Some Divi modules, such as the code module and the code snippet module, include a code editor field. Occasionally other plugins will accidently affect the styles of this code editor field making it hard or impossible to use. Here's how to fix some of these style...
Fix the Divi Contact Form "You must be a human to submit this form" Error
The Divi theme includes a Contact Form module which features a built-in option to enable reCAPTCHA spam protection. If you are using it and get an error stating "You must be a human to submit this form", here are some possible solutions. Ensure ReCAPTCHA Account is...
Using ACF Options Page Fields in Divi Modules
Advanced Custom Fields Pro includes an Options Page feature, which allows you to easily create new settings pages in the WordPress Dashboard area, and reuse the values from these pages throughout the site. Divi Dynamic Content Extended adds the ability to access these...
Wrap Long Lines in Divi Code Snippet Module
Divi Code Snippet module lets you display source code in your posts. By default, if the code contains long lines, a horizontal scroll bar is displayed. If you would rather have long lines wrapped, here's how to do it.Enable Line Wrapping in Divi Code Snippet Module...
Add an Image Count to the Gallery Module
The Divi Theme includes a gallery module which lets you display a slideshow of images in your posts. Here's how to add a '1 of N' image count below the gallery.Add a Gallery Module Image Count with Divi Booster Divi Booster adds an option to enable an image count on a...
Use Divi Booster's Sort Portfolio By ID Option with Custom IDs
Divi Booster includes the option to sort projects in the Divi Portfolio module. One of the available sort options is "by ID" which lets you specify the exact order of projects in the portfolio by providing a list of the projects' post IDs. If you use your own custom...
Open Divi Gallery in Full-Screen Mode
Divi includes a gallery module which lets you display a grid of images. When clicked, these images open in a lightbox popup. If you'd like to make this gallery popup more prominent, here's how to make the browser switch to full-screen mode while displaying the gallery...
Filtering the output of Divi Module Fields
Divi uses the values entered in a module's settings to generate the HTML output for the module. While Divi provides filters to modify the module setting values before they are used, it doesn't typically provide a way of modifying the values as they are finally used in...