Learn about Design on the Elegant Themes blog
Divi 5 continues to add features that make it easier to design right inside the builder. The Group Carousel Module is one of them. It lets you build swipeable carousels that slide smoothly into your layouts. You can use it to showcase products, highlight testimonials, or even create a fullscreen...
View Full Post
Popups get a bad reputation, but that’s only because most websites misuse them. When you build them with purpose and timing in mind, they turn casual browsers into subscribers and window shoppers into buyers. We’ll show you five ways to use popups people want to see. As a bonus,...
View Full Post
Carousels are a design element that almost every site needs, whether it’s for products, testimonials, or client logos. In the past, Divi users often relied on third-party plugins or custom code to achieve their desired results. With Divi 5, that’s no longer the case. The new Group Carousel...
View Full Post
Designing a layout involves placing boxes on a page and ensuring they remain aligned when the screen size changes. For years, that meant working around limitations — floats, manual spacing, or building everything in one direction. CSS Grid changes the game. Rows and columns function as a single...
View Full Post
The problem with most animation tools is that they swing from boring to chaotic with no middle ground. Either the effects aren’t visible, or a slight move of the mouse can send elements flying. With Divi 5’s Interactions, you get fine-grained control over how elements respond. Its...
View Full Post
Animations can make your sites feel alive, but most designers avoid them because they slow down loading speeds. The choice seems simple: either you get a website that crawls or a fast-loading one that feels flat and lifeless. Well, that used to be the case until Lottie arrived. This post covers...
View Full Post
Traditional layout methods often break at smaller widths. Content misaligns, spacing collapses, and manual fixes pile up. Flexbox solves this by defining relationships instead of fixed positions. In Divi 5, these controls live in the Visual Builder, and the new Flexbox release makes alignment,...
View Full Post
Good layout starts with a clear model for alignment and spacing. Flexbox provides that model by organizing content along a single axis with predictable control over direction, alignment, wrapping, and gap. This post covers the basics of these CSS properties and how they work together. After the...
View Full Post
Flexbox and Grid are the two layout systems that define modern CSS. At first glance, they seem similar. Both handle rows and columns, manage alignment and spacing, and replace the old float-and-table workarounds. The real difference is in how they approach layout challenges and the kind of problems...
View Full Post
Color is one of the most powerful tools in a designer’s toolkit, but working with traditional systems like hex and RGB can sometimes feel limiting. These formats work, but they don’t reflect how we actually see or think about color. Need a lighter shade or want to match saturation across...
View Full Post
You can build clean sections all day, but aligning elements across every screen size can start to feel more like trial and error than intentional design. Flexbox fixes that. It gives you real control over how elements sit, stretch, shrink, and wrap inside a container, without constant adjusting of...
View Full Post
In web design, even the simplest decisions can multiply. What starts as a single design choice quickly expands into dozens of visual variations for interactions, backgrounds, borders, and more. Your build can become cluttered with mismatched values and manual tweaks without a consistent...
View Full PostWe offer a 30 Day Money Back Guarantee, so joining is Risk-Free!
Copyright © 2025 Elegant Themes ®