Posts

Exploring Divi 5’s New Charts Module

Image
Divi 5 continues to expand its native module library. One of its newest additions is the Charts Module , released alongside the Gravity Forms, Imagely, and Payment Button modules. It turns raw data into interactive charts without relying on a third-party chart plugin, shortcode, or static screenshot. You can choose from nine chart types and manage their data through a new tabular editor inside the Visual Builder. You can enter values directly or populate the chart by uploading a CSV file, then style the result with Divi 5’s design controls. In this post, we’ll explore the available chart types, data tools, and design options before walking through how to create and customize a chart in Divi 5. Let’s dive in. What Is The Charts Module In Divi 5? The Charts Module lets you display data as interactive, customizable charts directly inside the Visual Builder. Instead of embedding scripts or preparing static graphics elsewhere, you can build and refine a chart in the s...
Post a Comment
Read more

How To Design Cool Asymmetrical Layouts With The New Grid Editor

Image
Marketing pages from Stripe, Linear, and Notion often use asymmetry to create movement, establish hierarchy, and give important content more visual weight. The layout may feel spontaneous, but the underlying structure is usually precise. With Divi 5 , that structure can begin with the CSS Grid system . The new Grid Editor adds a visual canvas where you can adjust tracks, gaps, placement, and spans while viewing the result directly in the Visual Builder. In this post, we will use those tools to build four asymmetrical layouts: the Full-Left Banner, Z-Pattern Split, Weighted Corner, and Tetromino. Each design begins with a clear grid and introduces imbalance only where it supports the composition. How Asymmetry Works As A Design Choice Symmetrical layouts distribute visual weight evenly. They can feel stable, familiar, and easy to scan, which makes them a strong choice for many interfaces. Asymmetrical layouts use a different kind of balance. Instead of mirroring elements, they bala...
Post a Comment
Read more