Learn about Divi Resources on the Elegant Themes blog
Accordions and toggle content have traditionally required JavaScript to handle the interaction correctly. Modern HTML includes native elements that get you closer to a non-JavaScript version of that. <details> and <summary> elements create functional disclosure widgets using nothing but...
View Full Post
Canvases were recently introduced in Divi 5, providing detached workspaces for building off-canvas menus, staging areas, modal popups, and more. Combine these Canvases with Interactions, and you have a complete system for controlling exactly how information flows while making your website...
View Full Post
Presets are how you stop rebuilding the same design choices over and over in Divi 5. Once you’ve defined your buttons, text styles, or card layouts, the real advantage is being able to move those decisions into new projects instead of starting from zero. Divi 5 lets you export presets and import...
View Full Post
Design systems cut down the repeated work in website design. They give you a predefined set of design decisions for color palettes, spacing scales, typography, and more. Divi 5 introduced Design Variables in April 2025, letting you define these values globally. If you’re a web designer or you run...
View Full Post
Your site is full of things people can click. Menus, buttons, icons, banners, and form submits. They can look identical, but the HTML underneath tells browsers, screen readers, and search engines what each element actually is. With Divi 5, you can control that meaning directly in the builder using...
View Full Post
The top navigation bar sits at the center of everything you do in Divi. So even small changes to how it’s organized can shift the entire editing experience. As Divi 5 brought in more tools and shortcuts, the top bar started carrying too much at once. Finding something as simple as the preview...
View Full Post
The Divi 5 Public Beta is available today. If you prefer the experience to Divi 4, it’s ready for use. If you use Divi 5, you’ll notice an update notification for Public Beta 9. We release new Divi 5 versions every two weeks, and each one improves upon the last. If you haven’t...
View Full Post
Off canvas menus appear everywhere on the web, but building one that works smoothly on desktop often means fighting with custom CSS or patching together mega-menu workarounds. Divi 5 handles this differently with Canvases and Interactions. We’ll build a global off canvas services menu...
View Full Post
Search engines and assistive technologies rely heavily on your page’s HTML structure to understand what each part is for. When everything is wrapped in generic <div> elements, they get less structural context, which can make your content harder to interpret and navigate. Using <main>,...
View Full Post
Responsive design often comes down to controlling how elements shift, wrap, and space themselves across different screens. Divi 5 introduces Flexbox as its core layout system, giving you control over layout flow and alignment at the container level. While block-style layouts lock you into fixed...
View Full Post
Most images on your site need nothing more than what Divi already does. Add an Image Module, style it, and you’re done. But there are times when you want to group an image with a caption in a way that your HTML explicitly defines as a single unit. That’s where figure and figcaption come...
View Full Post
Header and footer elements are commonly understood as page-level structure. A site has one header, one footer, and the rest of the layout lives in between. Most people stop there. In HTML5, though, <header> and <footer> go further. They can describe structure within individual sections...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2026 Elegant Themes ®