Tips and tricks by Brian Shim for web developers, bloggers, and WordPress users
After migrating a Divi site to production using the All-in-One Migration plugin, I discovered that I was unable to edit and sections, rows, or modules in the Divi editor. In the console, I got the error: The front end of the site was fine. I tried all of the usual tricks including clearing caches, disabling … Read more
Out of the box, the Divi theme mobile menus are not navigable using the tab key, and therefore do not meet accessibility requirements. A quick solution to this is to install the Divi Accessibility plugin, available on GitHub: This works on the default built-in Divi menu. The problem, though is that it doesn’t seem to … Read more
I recently discovered that Divi’s Parallax feature doesn’t work on Safari (on November 2024). When you scroll down, the background image just scrolls with the page like a regular background image. It doesn’t work whether you choose “True Parallax” or “CSS”. It works on all other browsers. According to this Reddit thread, the problem happens … Read more
The Divi theme comes with the Elegant Themes Icon Font which contains 360 cool icons. You can use these icons in the Divi Blurb module, but what if you want to use them somewhere else, like in a Text module or Code module, or sidebar? Turns out it’s easy to do. First, find the icon … Read more
Somehow I got in a situation where a page that was supposed to use the WordPress Block Editor got “stuck” and would only allow me to open it with the Divi Builder. When I tried that, it only gave options to start from scratch or a template, which of course I did not do! I … Read more
These are some of the most useful plugins for the Divi builder that I’ve seen. They work great with the Divi Theme or Divi Builder Plugin. Divi Accessibility ★ (GitHub) This plugin fixes many of the accessibility problems with Divi, and lets you see where your site is in violation so you can fix others. … Read more
Web Accessibility compliance has become a “must” in today’s world, not only to serve your visitors but also to avoid expensive litigation by accessibility trolls. The Divi Theme/Builder is one of the most popular WordPress frameworks out there, yet, out of the box, it is not accessible, unfortunately. In this article, I’ll give you some … Read more
There may be cases where you want to show an animated pre-roll splash page that people see for a few seconds when they visit your website’s home page. For example, maybe you want to show a background image with your logo in the foreground and zoom in very gently over a period of five seconds … Read more
It’s very common to want to add social icons to a website’s main menu. When using the Divi theme, you can do this by using the Divi Builder to create a custom menu. But, if you’re not already using a custom menu for other reasons, that might be more work than necessary. In this article, … Read more
Out of the box, the Divi Slider Module has many gross accessibility violations. The keyboard control is poor because you can’t see what you’re selecting as you’re tabbing through the navigation controls. And, the dot and arrow navigation symbol contrast can be bad. For an example of an accessible slider, check out W3C’s demo. In … Read more
Divi is one of the most popular drag-and-drop WordPress builder themes out there today. As a long time Divi user myself, I was super excited (and envious) when I learned about some of the killer features of Oxygen, a newer WordPress builder that claims to create fast bloat-free code. After building a couple of sites … Read more
Elegant Themes already has a blog post entitled “How to Add More Columns to Your Divi Builder Posts or Pages” which shows how to add more columns to your Divi theme. Currently, the builder maxes out at 6 columns. The blog article’s method works fine if your modules are all equal height as shown in … Read more
On one of my sites, my Divi contact form worked great on desktop but someone told me it didn’t work on mobile. Sure enough, they were right! On my iPhone, I got this message after submitting the form: “Please refresh the page and try again.” In French, the error is “Veuillez actualiser la page et … Read more
Many people who use the WordPress Divi Accordion Module want it to start out closed by default. Every WordPress client I have who uses the Divi Accordion has asked for it, and there are many people online asking about it. The way it works now is that the first element of the accordion defaults to open, … Read more