Posts

Divi Product Highlight: Divi Essential

Image
Clear, well-organized navigation helps visitors understand a website and move through it with confidence. That becomes especially important on content-heavy sites, where documentation, categories, account pages, products, or other nested content need a structure that remains easy to scan. Divi Essential by Divi Next expands the Divi toolkit with a large collection of specialized modules, extensions, and layouts built directly into the Visual Builder. One of its modules, Divi Vertical Menu,  gives you a dedicated way to create vertical menus, accordion navigation, collapsible sidebars, flyouts, and mobile drawers while keeping the entire workflow visual. The module is compatible with both Divi 4 and Divi 5 , making it useful for existing websites as well as new Divi 5 builds. In this product highlight, we’ll take a closer look at Divi Essential, explore the Vertical Menu module’s key features, and build an expandable vertical navigation menu from start to finish. Overview Of Divi E...

Part 10 Of Mastering Flexbox: Best Practices & Helpful Tips

Image
In Part 9 of our Mastering Flexbox series, we showed how Column Class works with Layout Wrapping , Gap , Justify Content , Align Items , and Display Order to create responsive multi-column layouts without reaching for CSS Grid for every pattern. Over the course of this series, you’ve learned the core Flexbox controls , built equal-height cards with aligned buttons , explored Wrap vs. No Wrap , aligned content without spacers , reordered content for better mobile flow , applied key responsive techniques , created flexible button, menu, and link rows , switched repeated spacing from margin to Gap , and built responsive column patterns with Flexbox. Now it’s time to bring those techniques together. In this final installment, we’ll turn the most useful lessons from the series into a practical set of best practices. These habits will help you keep your Divi 5 layouts easier to understand, more consistent across breakpoints, and simpler to maintain as content changes....

How To Create Magazine-Style Blog Posts With Divi 5’s New Text Styling Options

Image
Print magazines built reader trust through typography long before the web existed. The way a headline breaks, how wide a column runs, where a paragraph breathes, and how a section begins all tell readers how to move through the page before they read a single sentence. That same editorial feeling is possible on the web, but it depends on having the right controls in the right place. Divi 5 now includes a broader set of text styling options directly inside the builder. You can create multi-column text, add drop caps, control paragraph spacing, refine line wrapping, enable hyphenation, use small caps, and set vertical text direction without splitting content into extra modules or writing custom CSS. In this tutorial, we’ll show you how to use Divi 5’s new text styling options to create magazine-style blog posts that feel more structured, readable, and editorial. What Makes Blog Text Feel Like A Magazine Page? Pick up a magazine, and the page already tells you what to read first. Th...