Skip to main content

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 :)

If anyone is trying to use the Conversations Gravity forms , with divi5. Gravity forms support helped me figure out what was causing the issue. The Divi5 media link is creating a different link type of link. Let me know if anyone else had this happen.

How to remove clamp values in Divi 5.

I'm having a major issue with Divi 5 (not using KrafterPRO yet). When I update content in the builder, it looks correct. But when I view the site live, it's still got the original dummy text. I've tried everything but can't figure this out. Is anyone else having this issue? I'm on Siteground if it matters.

Hi everyone,

I wanted to give you all an early update: KrafterPRO officially launches tomorrow.

This has been months of work, testing, refinement, and rebuilding Divi 5 into the design system it should have been out of the box.

KrafterPRO includes:

  • A complete fluid typography system
  • A full responsive spacing scale
  • Redesigned Divi 5 modules (light + dark)
  • Auto-Grid layouts
  • Semantic color tokens
  • A preset-based workflow
  • Unlimited site usage
  • Lifetime updates
  • And a dedicated community for PRO members

Tomorrow, you’ll get full access, the walkthrough, and details about the limited launch offer.

Thank you for your support, feedback, and patience — you’ve helped shape this system into something truly powerful for Divi 5.

More details coming tomorrow. Stay tuned. Checkout KrafterPRO here!

Writing to Mak here seems to be futile. He doesn't respond, or at least has not responded to me. He makes promises, promises.... At this point it reminds me of the old commercial "any day now".

I had put up a comment or two on Youtube warning others that whatever the promises, the reality is sorely lacking. Somehow Mak doesn't have the time or resources to finish the product, but does have time to make new videos.

Now he has turned off comments on his Youtube videos. Apparently he doesn't want prospective buyers (marks?) to know that those of us who have given him cash are disappointed. (Disappointed is hardly the word. Totally ignored is more appropriate. Disgusted comes to mind.).

I see some on this forum start their remarks almost apologetically. "Sorry", they say. Well, at this point the only thing I'm "sorry" about is having paid a hundred dollars or so. Mak needs to stop "promoting" and start "delivering".

Locking our comments out of YouTube and behind a paywall here seems to just be a way to keep the users isolated.

It may well be that Elegant Themes needs to get involved since Mak's domain name seems to tread on their intellectual property (at least insofar as it confuses whether it is under the umbrella of ETs product offerings).

With the release of Divi 5, the game has changed. Its new React-based architecture is faster and more flexible than ever. However, many developers still ask: Do I really need a child theme in 2026 and beyond?

The answer depends on how you work. Let’s break down when it’s essential, when you can skip it, and how to structure your code like a pro.


When You DON'T Need a Child Theme

For most casual users, a child theme is no longer a "must-have". You can skip it if:

  • Design-Only Adjustments: You primarily use the Divi Visual Builder for layouts, colors, and fonts.
  • Minimal CSS: You have less than 100 lines of code, which can be safely stored in the Divi Theme Options or the WordPress Customizer.
  • No Core Changes: You don't need to modify theme files like header.php or footer.php or add custom PHP scripts.

When a Child Theme is SENSEFUL

A child theme is your professional "safety net" as soon as your project grows:

  • PHP Customizations: Essential if you use Hooks in the functions.php for custom post types or WooCommerce tweaks.
  • Update Security: Without a child theme, any direct changes to parent theme files are wiped out during the next update.
  • Structural Control: It allows you to override Divi templates entirely, giving you full control over the HTML output.
  • Professional Handoff: For agencies, it prevents clients from accidentally deleting critical code in the Theme Options.

Structuring Large Projects: The Modular Approach

If your CSS starts to feel like a "3,000-line jungle," it's time to stop dumping everything into one file. Instead, use modularity:

  1. Divide by Logic: Create a /css/ folder in your child theme.
  2. Separate Files: Use files like _header.css, _footer.css, and _modules.css.
  3. Better Maintenance: This allows multiple developers to work simultaneously without conflicts and makes debugging much faster.

The Technical Secret: Enqueueing vs. @import

While many tutorials still suggest using @import inside your style.css, it is not best practice for performance because it forces the browser to load files one by one.

The Superior Solution:
Use the functions.php to enqueue your stylesheets. This allows WordPress to handle them more efficiently, often resulting in better scores on Google PageSpeed Insights.

php

/* The Professional Way to Load Modular CSS */
function my_divi_child_assets() {
    // Load main child theme style
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );

    // Load specific modular files
    wp_enqueue_style( 'custom-header', get_stylesheet_directory_uri() . '/css/header.css' );
    wp_enqueue_style( 'custom-footer', get_stylesheet_directory_uri() . '/css/footer.css' );
}
add_action( 'wp_enqueue_scripts', 'my_divi_child_assets' );

Be always carefull with code. Do not use blind and try to understand what code does!

The Verdict

If you are building a professional site that needs to last for years, a Child Theme is the only way to ensure scalability and security. While Divi 5 gives you massive power out of the box, the child theme gives you the foundation to keep that power organized.

Recommended Resources from Divi Cake

If you want to dive deeper into the technical setup or need a quick start, these guides are the gold standard in the Divi community:

  • The Manual Setup Guide:
    How to Create a Child Theme for Your Divi Website
    A step-by-step tutorial on creating the style.css and functions.php files manually for full control.
  • Free Child Theme Generator:
    Divi Child Theme Generator Tool
    The fastest way to get started. Enter your site details, and the tool generates a ready-to-install .zip file for you.
  • Comparison Guide:
    Child Theme vs. Divi Theme Options
    A great read that explains exactly when the "Additional CSS" box in Divi reaches its limits and why a child theme is the better architectural choice.
  • The Marketplace Guide:
    The Ultimate Guide to the Divi Marketplace
    Explains how professional developers use child themes to safely modify third-party layouts and extensions without losing changes during updates.