Posts

How To Mask Text In Divi 5

Image
Some design effects look more complex than they are. Text masking is one of them. It looks like something you would need Photoshop, custom CSS, or a developer to create, but the basic effect can be built directly in Divi 5 using native background, color, and blend mode settings. Subscribe To Our Youtube Channel The result is simple in concept: a heading appears to be filled with a gradient, image, GIF, or video instead of a flat text color. In this post, we’ll build that effect step by step and cover the design choices that make masked text look intentional rather than overdone. What Is Text Masking? Text masking is a visual effect where the letterforms of your text act as a window into whatever sits behind them. Instead of showing a flat color, the characters reveal an image, gradient, looping video, or GIF. Everything outside the letters stays hidden or covered. Only what falls inside the text shape comes through. The effect works best when the text is large enough to show th...

How To Build Custom Menus With Divi 5’s Link & Dropdown Modules

Image
Divi has always given you ways to create custom menus, most notably with the classic Menu module. That module is still useful, but it is also an all-in-one system, which means it can feel limiting when you want full control over structure, styling, dropdown behavior, or mobile navigation. With Divi 5’s new menu features , you can build navigation from smaller, more flexible pieces. The new Link and Dropdown modules let you create custom menus, dropdowns, mega-menu style layouts, and mobile navigation directly in the Visual Builder, without relying on third-party plugins or custom code. In this step-by-step guide, we’ll build a custom menu with submenus and a separate mobile version using native Divi 5 features. Getting Started With Divi 5’s New Menu Features Before building your menu, make sure you are using the latest version of Divi 5. You can start from a fresh install or use the Divi 5 Migrator if you are updating an existing Divi 4 site. If you are migrating a live site, tes...

Divi 5.3 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.3  update notification today. What’s New In Divi 5.3? We  implemented  69 bug fixes and improvements,   and a bunch of new features: Better Form Styling, Field Presets, Focus Editing, and CF7 Module and Nested Option Presets . 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! Better Form Styling, Field Presets, Focus Editing, And CF7 Module We released tons of form-related f...

Complete Site Editing: Divi 5 vs Divi 4 vs Elementor vs Bricks

Image
Editing a website rarely happens in one place. You build a page, notice something off in the header, then leave to adjust a template. A few minutes later, you jump again to change a footer or archive layout. That context switching adds friction, especially when you are managing a whole site instead of a single page. Different builders have tried to solve that problem in different ways. Some reduce the back-and-forth. Some still separate key parts of the site into distinct editing sessions. Divi 5 takes a more unified approach by bringing more of the site into one builder session. In this comparison, we’ll look at how Divi 5, Divi 4, Elementor, and Bricks each handle full site editing, and what those differences mean when you’re actually building. What Complete Site Editing Actually Means At its best, complete site editing means your site is reachable from wherever you are working. You open a page, and the header, footer, and page content are all available in context. That lets yo...