In this in-depth walkthrough, we explore the real difference between Divi 5 and SiteKrafter Pro — and trust me, it's massive.
While Divi 5 gives you the tools, SiteKrafter Pro gives you a full design system with scalable utility classes, fluid typography, pre-calculated spacing, baked-in accessibility, and much more.
Supercharge Divi 5 with Ready-Made Custom Modules
Imagine instantly unlocking a library of beautifully designed, fully responsive, and UI-optimized custom modules—built specifically for Divi 5.
No more repetitive styling or fiddling with layouts. These modules follow best practices in modern web design and are future-ready to work seamlessly with Divi’s upcoming Loop Builder feature.
And here’s the best part:
- If you’re a SiteKrafter PRO Lifetime Member, you’ll get Super Modules FREE when they launch!
Now’s the time to upgrade.
Get 40% OFF SiteKrafter PRO and secure your free access to Super Modules:
👉 https://diviuniversity.com/sitekrafterpro
I want to share a new way of designing websites in a consistent and scalable way. I'm using a framework specific to Divi 5, which is going to change the way you design. Let's dive in and I'll show you how easy and fast you can design with class based views.
Get 40% OFF SiteKrafter Pro here https://diviuniversity.com/sitekrafterpro
FluentCart is a high-performance WordPress plugin designed for eCommerce stores, plugin sellers, and digital product merchants.
✅ 25% faster than other eCommerce platforms
✅ 3x faster processing times
✅ Built for scalability, flexibility & real-time insights
✅ All-in-one solution—no more duct-taping plugins together!
FluentCart simplifies selling digital products by integrating all essential features, eliminating the need for multiple plugins, and ensuring a seamless customer experience.
I've just added 10 lessons to the SiteKrafter Course, click here to view the lessons https://diviuniversity.com/portal/courses
The live workshops cover how to design websites using SiteKrafter PRO (Class Based Design Workflow)
\== Changelog ==
SK 6.1.6 – May 2025
• Added new utility classes for layout structure:
– .sk-block: Adds full-width fluid padding and max-width wrapper
– .sk-container: Horizontally centered fluid container with max-width
– .sk-section: Applies vertical fluid section padding only
– .sk-fluid-row: Full-width row with fluid horizontal padding
– .sk-center: Flex utility for centering content both vertically and horizontally
• Introduced new CSS variables:
– --container-max-width
– --container-padding
– --section-padding-block
• Bug Fixes & Optimizations:
– Fixed inconsistent section padding on smaller breakpoints
– Improved mobile responsiveness for .sk-section and .sk-block
– Refactored variable structure under :root for performance and clarity
– Minified styles and removed redundant declarations
• Divi 5 Ready:
– All .sk-* classes structured for Advanced Tab suggestions (class buttons coming in 6.2.x)
– Variables compatible with Divi 5’s Global Variable Manager
SK 6.1.5 – April 2025
• Added fluid spacing tokens:
– --sec-padding-s,
--sec-padding-m,
--sec-padding-l,
--sec-padding-hero
• Introduced semantic section classes:
– .section-s, .section-m, .section-l, .section-hero (now refactored under .sk-* structure)
• Improved layout consistency across all breakpoints
