Add one within the group Text module. This module becomes the clickable switch head. Open the settings for the text module and go to the Advanced tab. In the HTML option group, change the Element Type to summary. Return to the Content tab and enter your swap header text. This text becomes the clickable label […]
Design systems reduce the repetitive work of website design. They provide you with a predefined set of design decisions for color palettes, spacing scales, typography, and more. Divi 5 introduced design variables in April 2025, allowing you to define these values globally. If you’re a web designer or manage multiple sites, you know the pain […]
is usually the better choice. Long articles work well with sections. Product pages do that too. Take a landing page: heroes area at the top, features below that, testimonials after that and prices at the bottom. Each becomes his own with its own section. Clear structure for everyone. Sections nest when necessary. Keep nested sections […]
Presets are one of the most powerful tools in Divi 5, making you to build consistent, efficient, and scalable designs across your entire website. Whether you’re building a cohesive brand style, speeding up repetitive tasks, or managing complex projects, presets let you define them once and apply them everywhere. We’ve taken the system one step […]
Content needs boundaries. Without these, paragraphs stretch across monitors 3000 pixels wide and line length becomes a chore. So you set a maximum width, test a few screens and you’re done. Then the intermediate devices appear. Tablets, small laptops and whatever is between your breakpoints. The layout is technically responsive, but the text feels too […]
We recently introduced Canvases in Divi 5. These are workspaces that are separate from your page. You can use Canvases to stage updates, keep elements outside the canvas tidy, and much more. In this post, we’ll discuss how you can use a Divi Canvas to make website design changes right where you work. Let’s get […]
Divi 5 brings powerful new tools for those who want more control over their page formatting without leaving the Visual Builder. The latest addition, Semantic Element and Custom HTML Wrappers, allows you to assign meaningful semantic tags to each element for better accessibility and SEO. At the same time, the special custom HTML fields add […]
For WordPress users building with Divi 5, it’s now much easier to apply semantic HTML to your layouts, which can improve accessibility, clarify page structure for search engines, and create a better experience for visitors. That’s thanks to a new feature called Semantic Elements. In this post, we’ll cover the basics of semantic tags and […]
With each update, Divi 5 gets closer to full release. It’s faster, more stable and packed with features that set it apart from previous versions. Divi 5’s newest feature is Divi Canvases, a powerful system for creating off-canvas elements such as menus, popups, sidebars, and other reusable components. A Canvas is a dedicated, free-standing workspace […]
Divi 5’s latest feature improves on the preset-based system, allowing users to create reusable styles for use across different pages and entire websites. Stacked presets let you stack multiple element presets or option groups on top of each other and combine their effects for ultimate design flexibility. Apply a background gradient from one preset, the […]