Posts

How To Create Cross-Canvas Interactions In Divi 5

Image
Canvases and Interactions are two of Divi 5 ‘s most useful tools for building dynamic layouts without custom code. Canvases keep off-page content organized in separate workspaces. Interactions control when that content appears, changes, or responds to a visitor. Cross-Canvas Interactions bring those two features together. A trigger on your Main Canvas can show, hide, or change an element that lives on another Canvas. That lets you build cleaner pages, keep modals and panels out of the main layout, and still connect everything through the Visual Builder. In this post, we’ll explain how Cross-Canvas Interactions work and build a practical example: a button on the Main Canvas that opens a feature breakdown modal stored on a separate Canvas. What Are Divi 5 Interactions? Divi 5 Interactions let you add behavior to modules, rows, columns, and sections from the Advanced tab. Every Interaction has three main parts: Trigger: The event that starts the Interaction, such as ...
Post a Comment
Read more

Divi 5.8 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.8  update notification today. The majority of our team is focused on bug fixing and overall stability. However, after 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! What’s New In Divi 5.8? We  implemented  66 bug fixes and improvements , along with a brand-new feature: Customizable Workspaces ! Some notable bug fixes include patches for several cache-related bugs that were causing styles to mysteriously go missing at night. Customizable Workspaces We released customiza...
Post a Comment
Read more

Divi Product Highlight: Divi Icon Library & Divi Mask Library

Image
Divi 5 already gives you useful ways to work with icons, SVGs, masks, and background design. The native SVG module lets you add SVG markup and style it with Divi controls, while Divi’s mask and background tools give you more ways to shape images and sections. But some projects need more variety than the default tools provide. Client sites, brand-heavy landing pages, 404 templates, service cards, feature grids, and editorial layouts often need icons and shapes that feel more specific. That is where two Divi Marketplace extensions from Divi Den can help: Divi Icon Library and Divi Mask Library . Divi Icon Library adds a searchable library of 14,000+ SVG icons directly inside the Visual Builder. Divi Mask Library adds 4,500+ hand-drawn SVG shapes you can save and apply as masks. Both are built for Divi 5, and both are designed to give you more visual options without leaving the builder. In this Product Highlight, we will look at what each extension does, how they work, and a f...
Post a Comment
Read more

Exploring Divi 5’s New SVG Module

Image
Scalable Vector Graphics, or SVGs, work differently from regular image files. A PNG or JPEG stores pixels. An SVG stores vector instructions, which is why a logo, icon, or illustration can stay sharp on a phone screen, a desktop monitor, or a large display. That flexibility makes SVGs useful for more than crisp image quality. Since SVGs are built from paths and shapes, you can often adjust their fill, stroke, size, and animation without opening a design tool. Divi 5 ‘s new SVG Module brings that workflow into the Visual Builder. You can paste SVG markup directly, upload an SVG file when your WordPress site supports it, and style the graphic with Divi’s design controls. What Is Divi 5’s SVG Module? The SVG Module is a dedicated Divi 5 module for adding scalable vector graphics to a page. Divi has long included an Image module, but SVGs are not quite the same as standard image files. They are vector-based graphics made from markup, paths, and shapes. That means they...
Post a Comment
Read more