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 […]
Divi 5 makes it easy to create eye-catching image effects without any custom code. In this free pack you’ll find 7 stylized blend mode effects designed to help you build artistic hero sections, layered headers, and modern image compositions using blend modes. Place one on any page, swap the images and you’re good to go. […]
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 […]
Divi 5 makes it easy to display information in a way that is clear, scannable, and easy to compare. In this free package you’ll find 7 Styled Tables designed for price comparisons, feature lists, schematics, specifications, and other data-heavy content. Place one on any page, swap the text and you’re good to go. No additional […]