The Divi Tooltip module can sometimes unexpectedly hide the tooltip when the mouse moves from the tooltip back onto the element that triggered it. The tooltip closes even though the user is still hovering the area that should keep it open. In this guide, we’ll add a...
Divi Tutorials, Fixes & Customization Tips
Browse practical Divi tutorials, fixes and customization tips from Divi Booster. Find step-by-step guides for improving Divi modules, fixing common layout issues, customizing design details, and getting more from your Divi site.
Want the easier way to customize Divi?
Many of these tutorials show manual Divi fixes and code snippets. Divi Booster gives you 100+ extra Divi settings - no custom coding required.
Search Divi Tutorials
Looking for a specific Divi module, setting or fix? Search the tutorials below.
How to add an Icon to the Divi Tooltip Module
The built-in Divi Tooltip module makes it easy to add text tooltips to your Divi Builder layouts. Adding an icon to your tooltips is a great way to improve their design, make them more scannable or add some custom branding. In this guide we'll look at how to add an...
How to Add a Tooltip in Divi
Tooltips are a great way to include additional information in your Divi site, without overloading your users with information. There also perfect for adding fun or interactive elements to engage your users. In this guide we'll show you how to set up and configure a...
How to Change the Divi Menu Module Hamburger Icon
By default, the Divi Menu module uses the standard hamburger icon for its mobile menu button. That works well in many layouts, but it may not match your header design, branding, or the style of icons used elsewhere on your site. Changing the hamburger icon lets you...
How to Show the Full Divi Menu Module Links on Mobile
By default, the Divi Menu module shows the full menu on desktop and switches to the hamburger menu on tablet and phone. That usually works well, but for short menus, footer menus, simple landing pages, or custom layouts, you may prefer to keep the full menu links...
How to Show the Divi Menu Module Hamburger Menu on Desktop
By default, the Divi Menu module shows the full menu on desktop and switches to the hamburger menu on tablet and phone. That can be a problem if your desktop menu is too wide, wraps onto multiple lines, or doesn’t fit the design of a compact header. Showing the...
How to Add an Animated Top Border Hover Effect in Divi
A subtle animated top border can be a nice way to add movement and polish to your Divi layouts. It works particularly well on cards, blurbs, pricing tables, call-to-action modules, menu-style links, and other elements where you want a small interaction effect without...
How to Change the Style of Divi Timeline Module Items on Scroll
A timeline is easier to follow when visitors can quickly see where they are in the sequence. By styling previous, current and upcoming items differently, you can make your Divi Timeline feel more guided, polished and interactive.This is useful for process steps,...
How to Style Password Protected Posts with Divi Theme Builder
Divi’s Theme Builder lets you create reusable templates for posts and pages, but password protected content needs a little extra handling. The aim is to show visitors a styled password entry layout first, then reveal the protected post content only after the correct...
How to Turn the Divi Timeline Module into a Horizontal Carousel
Divi’s Timeline module includes a horizontal layout, but on pages with several timeline items it can quickly become too wide to comfortably browse. An elegant solution is to turn the timeline module into a horizontal carousel, with left / right scroll arrows. Here's...
