Posts

How To Create A Tilt Image Effect With Divi 5’s Interactions

Image
A tilt effect on hover is one of those small details that makes a layout feel considered. The image shifts with the cursor, pulls back slightly, and suddenly the whole page feels alive. Portfolio sites and product pages lean heavily on this effect, and for good reason: it keeps visitors engaged without demanding too much attention. Divi 5 ‘s Interactions system lets you build it directly in the Visual Builder. We’ll walk you through the entire process. A Brief Introduction To Divi 5’s Interactions Divi 5 Interactions runs on three parts: a trigger, an effect, and a target. The trigger starts things off, like a hover or a click. The effect is what happens as a result, like a position change or a visibility toggle. The target is the element that receives it. All of this lives under the Advanced tab of any module, column, row, or section inside the Visual Builder. The controls are fully visual, so coding knowledge isn’t needed. The system covers a wide range of behaviors. A Hover t...
Post a Comment
Read more

Divi 5.1 Release Notes

Image
It’s official; the beta phases have ended, and Divi 5 has arrived ! This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5 , you’ll see a version 5.1 update notification today. What’s New In Divi 5.1? We  implemented  66 bug fixes and improvements,   and a new feature: Complete Site Editing ! With Divi 5 hot off the presses, we are still focused on bug fixing and overall stability. However, after 8 months of doing nothing but fixing bugs, we are slowly transitioning back to feature development. That means the rate of innovation will accelerate significantly over the next few months. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us! Editable Theme Builder Areas (Complete Site Editing) We released Complete Site Editing in Public Beta 5.0.2. 🎉 Now you can edit your header, footer, body layouts, and page content at ...
Post a Comment
Read more

Everything You Need To Know About The Command Center In Divi 5

Image
Divi 5 is out of beta and ready to use. With that in mind, we’d like to highlight one of its newest workflow features: the Divi 5 Command Center . The Command Center is a keyboard-driven command system built directly into the builder. It lets you execute actions quickly by typing instead of manually adding modules, clicking through menus, or hunting for options. We rebuilt Divi 5 from the ground up on a completely new, modular foundation that prioritizes speed, efficiency, and modern builder tools. The Command Center is possible because of that new foundation, allowing you to interact with Divi in a very different way. Using the Command Center can speed up the design process and make navigation through settings easier, so you can build and edit sites faster. It is especially useful when working with complex layouts, presets, and modified styles. In this post, we’ll take a hands-on look at the Command Center, show you how to use it, and share tips and best practices. Let’s get start...
Post a Comment
Read more

Code Modules vs Custom HTML Wrappers In Divi 5

Image
One of Divi 5 ‘s most practical newer features, Custom HTML Wrappers , adds two dedicated fields — HTML Before and HTML After — inside the HTML option group in the Advanced tab. These let you place custom HTML directly before or after an element’s output, putting code exactly where you want it. This expands on the traditional Code module , which still excels at standalone custom HTML, CSS, JavaScript, shortcodes, and third-party embeds. In this post, we’ll compare the longstanding Code Module with Divi 5’s Custom HTML Wrappers. We’ll explain when to use each approach and highlight the key improvements wrappers bring: greater flexibility, cleaner markup, reduced layout bloat, and better performance potential. Let’s dive in. What Is The Code Module In Divi 5? The Code Module has always been a reliable way to add custom code that standard modules couldn’t handle out of the box. It’s a dedicated Divi module designed for inserting raw code directly into your layouts. At its core, the C...
Post a Comment
Read more