Posts

5 Color Palettes Generated With Divi 5’s Variable Generator

Image
Building a color palette in Divi 5 no longer has to start with a blank canvas or a separate color tool. With the Variable Generator , you can start with one primary color, choose how the rest of the palette should relate to it, and save the result directly to Divi’s Variable Manager. That matters because the generated colors are not just static swatches. They become reusable color variables you can apply across modules, presets, layouts, and Theme Builder templates. When your design uses those variables, you can update the palette from one place instead of replacing individual color values by hand. In this post, we’ll look at how Divi 5’s Color Palette Generator works, what the main settings do, and five generated palettes you can use as starting points for your own projects. What Divi 5’s Variable Generator Does The Variable Generator lives inside Divi 5’s Variable Manager . It can generate both sizing systems and color palettes, but this post focuse...
Post a Comment
Read more

How To Build A Full-Screen Menu With Divi 5 Interactions

Image
Divi 5 gives you more ways to build custom navigation without relying only on the classic Menu module or third-party plugins. With newer menu components , Interactions , and Canvases , you can design navigation as part of the page instead of forcing every menu into one preset structure. That flexibility works especially well for a full-screen menu. The header can stay clean with a logo, call-to-action button, and hamburger icon. When visitors need navigation, the hamburger icon can reveal a large overlay menu. In this tutorial, we’ll build a responsive full-screen menu using Divi 5’s Link module , Loop Builder, Interactions, and Canvases. How Divi 5’s Menu Features Work Together Divi 5’s newer menu tools are built around smaller, more flexible pieces. Instead of designing every navigation layout through one Menu module, you can combine individual modules, dynamic menu loops, detached Canvases, and Interactions. This gives you more control over how the menu looks and how it ...
Post a Comment
Read more

Exploring Divi 5’s New Ratio & Framing Settings

Image
Inconsistent image sizes can make an otherwise polished layout feel unfinished. Blog grids lose alignment, galleries crop awkwardly, and responsive layouts can shift in ways that make images feel disconnected from the rest of the design. Divi 5 gives you a better way to handle that with new Aspect Ratio, Image Framing, and Image Preset tools. Aspect Ratio helps you keep elements proportional. Image Framing controls how images fit and sit inside those proportions. Image Presets let you reuse image styling across modules that display images. In this post, we’ll walk through what each setting does, where to find it, and how to combine these tools for cleaner grids, better crops, and more consistent image styling across your site. What Changed In Divi 5? Divi 5’s new image workflow is built around three related updates. Aspect Ratio: A setting in the Sizing option group that keeps an element’s width and height in a defined proportion as it scales. Image Framing: Fit and position...
Post a Comment
Read more