Posts

Build Grids Visually With Divi 5’s New CSS Grid Editor (New Feature)

Image
Divi 5 already gives you a complete CSS Grid system for building two-dimensional layouts inside the Visual Builder. You can define columns and rows, control gaps and track sizes, use premade grid structures, and create Grid Offset Rules for layouts where certain items need to span or move differently. The new CSS Grid Editor adds a visual layer to that workflow. Instead of shaping an advanced grid through settings alone, you can open a live grid canvas, drag tracks to resize them, reposition items, change gaps, and pull corner handles to create row and column spans while watching the structure take shape. In this tutorial, we’ll use the Grid Editor to build an asymmetric twelve-photo gallery across four columns. Along the way, we’ll also connect the layout to Grid Offset Rules, Number Variables, Presets, Extend Attributes, Aspect Ratio, and Image Framing so the finished gallery is reusable and responsive. What The CSS Grid Editor Actually Does CSS Grid is a two-dimensi...
Post a Comment
Read more

7 Square Grids For Divi 5 (Free Download!)

Image
Divi 5 makes it easy to create structured layouts where imagery, text, stats, and supporting content work together as one composition. In this free pack, you’ll get 7 Square Grids for Divi 5 that are perfect for hero sections, agency websites, portfolios, company pages, service sections, project showcases, landing pages, and more. Each design uses square-based content blocks, imagery, typography, color, negative space, and varied visual hierarchy to turn a simple grid into a polished page section. Import a section, replace the content and images, customize the styling, and you’re ready to go. Preview Here’s a quick look at the 7 Square Grids included in the pack. The download is further down the post. Download 7 Square Grids For Divi 5 Get all 7 sections for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files Download For Free ...
Post a Comment
Read more

Divi Product Highlight: Divi Carousel Module

Image
Carousels give you a compact way to present repeating content without turning a page into a long stack of cards. They can work especially well for testimonials, team members, portfolio projects, images, products, logos, and other content visitors may want to browse. Divi Carousel Module by DiviGear brings a dedicated carousel-building workflow into the Divi Visual Builder, with multiple layouts, flexible navigation, responsive controls, animation effects, detailed item styling, lightbox support, ratings, social links, and the ability to place additional Divi elements inside individual Carousel Items. It is compatible with both Divi 4 and Divi 5 , so the same module can be used across existing websites and new Divi 5 builds. In this product highlight, we’ll explore its main features and then build a polished team member carousel from start to finish. Overview Of Divi Carousel Module Divi Carousel Module is a third-party Divi extension from DiviGear designed specifically for cr...
Post a Comment
Read more