The Divi Button module lets you easily add buttons to your Divi builder pages. Normally these are rectangular. If you'd like to make a button circular instead, here's how to create round Divi buttons.Make Divi Buttons Round using CSS It's relatively simple to make a...
Blog
Reveal a Divi Element when a Blurb Module is Clicked
I've previously written about revealing content at the click of a Divi button. Here's how to do a similar thing using the Divi Blurb module - that is, revealing a Divi module, row or section when the Blurb module is clicked. Add Classes to your Blurb module First, add...
Restrict Divi Elements by ARMember Plan
The ARMember Membership plugin lets you define plans which your users can sign up for to access premium content. If you'd like to restrict access to individual Divi sections, rows or modules, based on the plan the user is currently assigned to, here's how. Restrict...
Animating the Divi Email Optin Module Subscribe Button
Divi's email optin module lets users subscribe to your email newsletters and RSS feeds. One way to draw attention to your signup form is to add an animation to the email optin subscribe button. Here's how to do it.Animate the Divi Email Optin Module Subscribe Button...
Divi Custom Field Type: Multi-checkboxes with IDs
If you develop custom Divi modules, you may be aware of the "multiple_checkbox" field type. It lets you add settings into your Divi modules which consist of a list of checkboxes, like this:One issue you may encounter with this field type is that it doesn't handle...
Fix Divi Anchor Links Jump Back to Top
The Divi Theme has a nice feature whereby you can use CSS IDs as anchor links. If you give one of your Divi Builder components (a section, module, etc) a CSS ID of, say, "jumptohere", then you can create a link of the form https://www.mysite.com/mypage/#jumptohere and...
Fix Tab Gaps when LearnDash used with Divi
LearnDash includes a feature which allows tabs to be added to LearnDash pages (e.g. by plugins). However, this feature can introduce some white gaps in Divi. Here's what to do about it. First, here's an example of LearnDash tabs shown on a course page in Divi:As you...
Maintaining the Position of the Search Icon in Divi Theme’s Menu Module
Are you populating your Divi Theme’s Menu Module with multiple links, only to find that the search icon is forced onto a new line? If so, here is how to ensure your search icon sticks to its original spot. This issue generally emerges when the menu module is...
How to Prevent Text Break Within Words in Divi Fullwidth Header Module
If you use long words in your Divi fullwidth header module heading you may find that the text gets broken (i.e. "wrapped") in the middle of the word. This is the default behavior of the fullwidth header module when the visible width of a word exceeds the width...
Fix Divi Preset Button Styles not Applying
The Divi Preset feature allows you to save and apply custom settings to modules, rows, and sections in the Divi Builder. With presets, you can save time and maintain consistency in your designs by quickly applying pre-defined styles to elements. However, when used...