Today, after updating WordPress to version 6.9.4, I can no longer edit pages with Divi 5 — it gets stuck in a loading loop... Any solution, or do we just have to wait for Elegant Themes to fix it?
Hi Mak! I’m really impressed with how you’ve built Divi University.
I’m currently working with a primary school that wants to create an educational platform where:
– Teachers can create courses and activities
– Students can access courses based on the group/class they belong to
– Teachers can grade students
I’d love to know which plugins you’re using to manage:
– The courses and lessons (LMS / course plugin)
– The community/groups and member area
We are planning to build something similar with Divi 5, ideally using plugins that are fully compatible with Divi.
Also, do you have (or plan to create) any course or training specifically about building an educational platform with Divi 5?
Thanks in advance for any guidance you can share!
Most Divi users spend hours adjusting margins and padding… But the layout still feels slightly off. Spacing looks inconsistent.
Sections feel cramped or too loose. Mobile layouts break. The reason is simple. Most designers are guessing spacing values.
In this tutorial I show you:
• Why the default Divi spacing scale is not production ready
• How professional designers control spacing
• Why guessing margins leads to inconsistent layouts
• How a fluid spacing scale fixes responsiveness
• How I apply spacing using the KrafterPRO design system
Once you start designing with a spacing system, everything changes.
Layouts become cleaner. Design becomes faster. And your websites finally start looking professional.
If you’re serious about designing professional websites with Divi 5, a design system is essential.
KrafterPRO was built specifically for that workflow.
It gives you a complete spacing, typography, color, and preset system for Divi 5.
👉 Learn more about KrafterPRO
https://diviuniversity.com/krafterpro
I've installed Krafter Pro (latest version) and i download a Divi template. Let's say the Divi tempalte uses Garamond as font and i would like it to be Poppins. What are the steps to take so the Divi Template will be under the command of Krafter Pro with all the benefits?
In this video, I’ll show you how to design a professional card layout in Divi 5 using KrafterPRO.
Cards are one of the most commonly used UI elements in modern websites. They’re used for features, services, blog posts, pricing sections, and more. But most cards built in page builders look inconsistent because they’re designed without a proper system.
With Divi 5 and KrafterPRO, you can build cards that are clean, responsive, and consistent across your entire website.
In this tutorial, you’ll see how the KrafterPRO design system makes it easy to build professional layouts using:
• fluid typography
• responsive spacing tokens
• semantic color systems
• preset-driven modules
• a structured design workflow
Does the divi 5 course contain the divi 5 design system on https://diviuniversity.com/krafter-typography/
Just a heads up that there are a number of items in the Design System page that are not correct. For example under radius several items do not have variables/presets like the radius large. I checked and I don't actually see a radius l to apply. Radius circle is another and there are others like the grid, spacing and shadows section seem incomplete. Did my import go south or is the design system page still beta?
I also see the page labeled v1.0 but the json file imported has v1.1
Thanks
First, thank you for all the incredible feedback about KrafterPRO. It’s great to hear how many of you are already building with it and seeing the benefits of a proper design system in Divi 5.
A few of you have asked about the correct and safest way to update KrafterPRO, especially when a new version is released. This is an important topic, so here is the current situation.
Current Limitation in Divi 5
At the moment, Divi does not provide a way to append presets or selectively import them. When importing a design system like KrafterPRO, Divi treats presets as new entries rather than intelligently merging or updating them.
Because of this, the safest way to update the design system right now is:
• Delete the existing KrafterPRO presets from your site
• Import the new KrafterPRO JSON file
This ensures that you are using the latest spacing scale, module presets, and design variables exactly as intended.
I understand this is not ideal, especially if you’ve already customised presets on your site.
Important Recommendation
If you have already customised presets heavily for a live project, I recommend:
• Finish that project with your current presets
• Use the new KrafterPRO version for new projects going forward
This avoids unnecessary disruption.
About the v1.1 Files
A few clarifications regarding the latest update:
• The KrafterPRO Design System JSON remains the same file name
• The Components Library was added in this update
• The Starter Template file name changed slightly, but the structure remains the same.
If you customised your Theme Builder header, do not re-import the starter templates, as that will overwrite them.
Only import what you actually need.
I’ve Asked Elegant Themes for a Better Solution
To solve this properly, I recorded a video directly addressing Nick Roach and the Elegant Themes team, requesting a feature that would allow:
• Appending presets
• Selectively importing presets
• Updating design systems safely
This would make design systems like KrafterPRO dramatically easier to maintain and update.
Moving Forward
KrafterPRO will continue evolving as Divi 5 matures. My goal is to make sure you always have:
• The most professional preset system possible
• A consistent responsive spacing and typography framework
• A workflow that dramatically speeds up building websites
Thank you again for the support and for helping improve KrafterPRO through your feedback.
Mak
In this video, I show you how to migrate wordpress website to another hosting using WPVivid. Checkout WPVivid here!
First of all, thank you to everyone who has already purchased KrafterPRO and supported the project early. Your feedback and support have helped shape the system, and I’m continuing to improve it with new features and resources.
I’ve just released major updates to KrafterPRO, along with several new resources to help you get the most out of the system.
New KrafterPRO User Guide
The full user guide is now available. This walks you through the entire system and explains the recommended workflow and best practices.
Access the guide here:
https://diviuniversity.com/krafterpro-userguide
KrafterPRO UI Design Course
To help you learn the workflow faster, I’ve also added the KrafterPRO course inside the portal.
This course shows you how to properly use the system when building real websites.
Access the course here:
https://diviuniversity.com/portal/course/krafterprocourse/lessons/
Download the Latest Version
Please download the latest version of KrafterPRO here.
If you already installed KrafterPRO, make sure to watch the video again and update to the latest version to access the new features.
Download here:
https://diviuniversity.com/krafterpro-download
Major Updates Included
Among many improvements, these are some of the key updates:
• New Advanced Grid System for more flexible responsive layouts
• Updated spacing scale applied to all modules
• Glass effect styling option
• New text labels and badges
• Improved module consistency
These updates make the workflow even more structured and consistent when building layouts.
KrafterPRO Components Library
Also included with KrafterPRO is a growing library of ready-to-use components.
These components are built using the KrafterPRO system and include elements like:
• cards
• layout sections
• UI patterns
• reusable blocks
You can drop these into your layouts to speed up your workflow even further.
More updates are coming, and I’ll continue expanding the system based on feedback from the community.
Thanks again for being part of the KrafterPRO community.
Waiting to hear your feeadback :)