How to Create a Divi Child Theme Step by Step
Most Divi users don’t actually need a child theme, but most tutorials won’t tell you that upfront. Divi stores Theme Options, CSS, and Integration tab scripts safely in the database, so most of your tweaks survive theme updates without extra work needed.
With that said, you’ve probably heard that a Divi child theme protects custom code and template modifications from being overwritten during Divi theme updates. That’s absolutely true, and it’s exactly why a child theme should be one of the first things you set up the moment you start editing PHP template files, adding custom functions, or loading assets with modern enqueue methods.
We’ll show you every option to create a Divi child theme, from click-and-go tools to fully manual code. You’ll learn how to decide if you need one at all, pick the right creation method for your skills, and safely add custom code that won’t vanish the next time Divi updates.
5 key takeaways
- Most Divi customizations already live safely in the database, so many users can skip child themes entirely.
- The real dividing line is code – once you touch PHP or JavaScript, a properly configured child theme stops updates from wiping your work.
- How you create the child theme matters more than the method – getting wp_enqueue_style and Template: Divi right is what protects you long-term.
- Template overrides are powerful but fragile – Theme Builder and hooks can deliver the same result with far less maintenance required.
- If you care more about launch speed than scaffolding, a premium Divi Life child theme gives you a fully-designed starting point to customize.
Do you actually need a child theme?
As we’ve seen, child themes are not as essential as many guides might tell you – it just depends on the work you’re doing. Here’s a crystal clear decision framework.
You don’t need a child theme if you keep your changes inside Divi’s database‑stored settings. That includes adding custom CSS in Divi Theme Options, pasting tracking scripts in the Integration tab, designing headers and footers in the Theme Builder, and making visual tweaks in the Divi Builder. All of that survives theme updates without extra work.
You do need a child theme when you edit PHP template files like header.php, footer.php, or single.php, add custom functions to functions.php, or customize your theme’s JavaScript.
For design‑heavy builds without custom PHP, consider using Divi layout packs from Divi Life instead – JSON layout files do not override core theme files and still benefit from Divi security and feature updates.
For a deeper dive into when a child theme is truly required, refer to Divi Life’s Ultimate Divi Child Theme Guide.
Understanding child theme types
Blank child themes and premium child themes solve very different problems, even though they share the same basic structure. A Divi child theme – of any type – relies on core WordPress functionality, so it behaves the same way in Divi 4 and Divi 5.
A blank child theme is tiny, usually just a style.css and functions.php file, adding up to a few kilobytes. It ships with no layouts, no styling, and no demo content, giving you empty scaffolding for custom CSS, PHP, and asset loading on custom builds or learning projects.
A premium child theme is a complete website in a bundle, often 5–20MB, with pre-designed pages, custom styling, demo content, and sometimes industry-focused features for niches like eCommerce, agencies, or restaurants. It lets you launch polished Divi sites much faster while still inheriting Divi’s ongoing feature and security updates.
Choosing how to create your child theme depends on how you like to work and how much control you want. Let’s explore the options available to you:
Option 1: Download a free blank child theme from Divi Life
Divi Life offers a free blank Divi child theme that includes a properly configured style.css, functions.php, and screenshot.png, using modern wp_enqueue_style code instead of outdated @import.
It’s ready for you to add custom CSS, PHP, and asset loading without worrying about setup details. This method suits anyone who wants a clean, reliable starting point, especially if you are not a developer and prefer downloading a trusted package over writing or generating code yourself. Here’s what to do:
1. Open the Ultimate Divi Child Theme Guide, select the menu link to our FREE Blank Divi Child Theme, and select the download button.
2. Enter your email address.
3. The blank child theme ZIP will be sent to you, ready to upload in Appearance > Themes > Add Theme > Upload Theme > on your site.
4. Once you’ve activated your free blank theme, it will show as ‘Active’ on your Themes page.
5. Click the Customize button below it to start adding your customizations safely. Any further info required can be found on the same Theme Guide page.
Alternative: Generate a blank child theme with third-party tools
If you prefer to configure details before downloading, online child theme generators offer another route. These tools create a ready-to-install ZIP package – with style.css and functions.php – based on a simple form where you define your theme name, author, and other metadata. They’re helpful when you build many client sites and want each child theme branded or versioned from the start.
Popular options include Divi Cake’s generator, and Mark Hendriksen’s generator, all of which output compatible Divi child themes.
“In practice, these generators produce the same kind of blank child theme as Divi Life’s free download, so choosing between them comes down to whether you prefer a preconfigured package or a form-driven setup.”
– Jennifer Rodriguez, Lead Designer at Divi Life
Option 2: Choose a premium child theme by Divi Life
Premium Divi child themes from Divi Life are full website designs packaged as child themes, with pre-built pages, custom styling, and one-click demo imports, tailored around real use cases.
They ship with industry-specific features for projects like WooCommerce shops, restaurants, agencies, SaaS products, and blogs, so you skip hours of layout building and styling work. Here’s our dedicated SaaS-related child theme homepage:
Other examples include RoyalCommerce for WooCommerce stores, Divi Agency for client-service firms, and industry options like Divi Restaurant, Divi Roofing, and Divi Blogger.
You can see a few more layouts below:
To get started:
- Browse the Divi Life child themes collection.
- Choose a theme that matches your niche and design direction.
- Complete the purchase.
- Download the ZIP from your account dashboard.
Next, follow the activation steps – these will follow the same route as that outlined in Option 1 above – and check our Child Theme Guide if you need further info.
After activation, a one-click demo import option lets you instantly match the live demo design, then replace it with your own content.
To confirm everything has worked, open Appearance > Themes and check that the child theme is marked as Active, with Divi installed as the parent. Visit a few key pages on the frontend to ensure layouts and styling look correct.
If the theme does not appear in the dashboard, open style.css and check that the Template line is set to ‘Divi’ with matching capitalization. If styles look broken, confirm that the main Divi theme is installed and not deleted. If you hit a white screen after activation, connect via SFTP or your file manager, rename the child theme folder to disable it, then fix any syntax issues in functions.php before trying again.
If you build many sites, our All Access Pass gives agencies and freelancers unlimited access to all child themes, plugins, and layouts under one license – usually a far better value than buying single products over time.
The Ultimate Divi Toolkit 🚀
The Divi Life All Access Pass membership is a complete Divi toolbox with all the Divi plugins, child themes, layouts, & templates you'll ever need to create incredible Divi websites.
Customizing premium child themes safely
Premium child themes give you a head start, but they come with one important limitation – WordPress does not support ‘grandchild’ themes. That means you cannot safely stack another child theme on top of a premium one, and editing the premium child theme’s files directly risks losing your changes when it updates.
For visual tweaks and layout styling, add your CSS in Divi > Theme Options > Custom CSS. This stores your styles in the database instead of theme files, so they survive parent and child theme updates. Use this for colors, spacing, typography, and minor layout adjustments.
For PHP changes, install a custom code management plugin such as Code Snippets from the official WordPress plugin directory. Add your functions through its interface rather than editing functions.php. The snippets are stored in the database and can be toggled on or off, which keeps your premium child theme update-safe while still giving you full control over custom logic.
Option 3: Use a child theme configurator plugin
A child theme configurator plugin lets you handle everything inside WordPress without touching SFTP or code editors. It creates the child theme files for Divi, installs them in your themes folder, and prepares them for activation directly from the dashboard.
This approach suits users who like a consistent, repeatable workflow across multiple sites and prefer dashboard tools over manual ZIP uploads.
Popular options include Child Theme Configurator by Lilaea Media, Divi Children, and Orbisius Child Theme, all of which work well with Divi. The general setup flow is similar across these plugins:
1. First, go to Plugins > Add Plugin and search for ‘Child Theme Configurator’ (or your chosen plugin).
2. Install and activate the plugin.
3. Go to Plugins > Installed Plugins, find your configurator plugin and select Activate.
4. Open Tools > Child Themes and choose the option to create a new child theme.
5. Select Divi as the parent theme and click Analyze so the plugin can scan the theme files. A bunch of fresh options will pop up, including the following examples below:
6. Set stylesheet handling to‘Use the WordPress style queue’, which enqueues Divi’s CSS properly.
7. Click Create New Child Theme, and the plugin will generate the style.css and functions.php files, place them in a new folder, and prepare it for activation.
8. Finally, visit Appearance > Themes, confirm the new child theme appears, then click on ‘Divi Child’ to activate.
Option 4: Create your child theme with custom code (Advanced)
The manual route gives you full control over how your Divi child theme is structured and loaded. It’s ideal when you care about clean code, correct stylesheets, and understanding exactly what runs on your site.
Start by creating a folder on your computer named divi-child using lowercase letters and hyphens only. Inside that folder, create a file named style.css. At the very top, paste the following header comment, making sure Template: Divi matches the parent theme folder name and capitalization exactly:
/*
/*
Theme Name: Divi Child
Template: Divi
Author: Your Name
Version: 1.0.0
*/
Below the header, add any custom CSS you want to start with, for example:
/* Custom CSS starts below */
body {
background-color: #f9f9f9;
}
*/Next, create a functions.php file in the same divi-child folder. Add this code and do not include a closing PHP tag:
/*
<?php
// Enqueue Parent and Child Styles
function divi_child_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style(
'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( 'parent-style' )
);
}
add_action( 'wp_enqueue_scripts', 'divi_child_enqueue_styles' );
/*This uses wp_enqueue_style to load Divi’s parent stylesheet first and the child stylesheet second, so the cascade works normally without relying on @import or a pile of !important rules. Older tutorials that use @import in style.css can slow down CSS loading and cause order problems, which is why the enqueue method is now the recommended approach.
Optionally, create a 1200×900 pixel screenshot.png and place it in the same divi-child folder to show a thumbnail in the WordPress Themes screen. When everything is ready, zip the divi-child folder itself – not just its contents – then upload and activate it via Appearance > Themes > Add New > Upload Theme as covered earlier.
Your final structure should look like this:
/*
divi-child/
├── style.css (required)
├── functions.php (required)
└── screenshot.png (optional)
/*Add your custom code after activation
Once your child theme is active, it becomes the safe home for all your custom code. Keep everything organized here so updates never overwrite your work.
1. For custom CSS: Open wp-content/themes/divi-child/style.css and add rules below the header comment:
/*
h1 {
color: #333;
font-size: 42px;
}
.et_pb_button {
border-radius: 6px;
}
/*2. For custom PHP: Edit functions.php and place new logic after your enqueue function:
/*
// Custom Shortcode Example
function dl_hello_shortcode() {
return '<p>Hello from your friends at Divi Life!</p>';
}
add_shortcode( 'hello', 'dl_hello_shortcode' );
/*Note: A single missing semicolon can trigger a white screen, so always back up before editing PHP.
3. For JavaScript: create a js folder inside your child theme and add script.js. Enqueue it in functions.php:
/*
function divi_child_scripts() {
wp_enqueue_script(
'divi-child-js',
get_stylesheet_directory_uri() . '/js/script.js',
array('jquery'),
null,
true
);
}
add_action( 'wp_enqueue_scripts', 'divi_child_scripts' );
/*Then test with:
/*
jQuery(function($){
console.log("Divi child theme script loaded!");
});
/*Template file overrides (advanced and optional – use sparingly)
Template overrides let you replace Divi’s PHP templates with your own versions, but they come with real maintenance baggage. Your copy completely takes over, so Divi can no longer update that file for you.
A template override means copying a file like header.php, footer.php, or single.php from wp-content/themes/Divi/ into your child theme, then editing your copy. The path must match, so you paste it into wp-content/themes/divi-child/ (and any subfolders) using the same structure before making your changes. This is only worth doing when Theme Builder cannot handle a specific PHP-level change that you need.
“Treat overrides as a last resort. Once you override a file, it no longer receives Divi’s security fixes or improvements automatically. After Divi updates, you need to compare your customized file against the new parent version with a code diff tool, then manually merge important changes or patches. Tread warily, and keep overrides to an absolute minimum!”
– Jennifer Rodriguez, Lead Designer at Divi Life
Updating Divi safely when using a Child Theme
Updating Divi while using a child theme is far less scary than it sounds. The parent theme updates, your child theme stays put, and your customizations remain in place.
When you run updates, WordPress only replaces the parent Divi theme files. The child theme folder and its files (style.css, functions.php, and any custom assets) are left untouched, so your custom code continues to load as before.
After taking a full backup, go to Dashboard > Updates (or Appearance > Themes), update Divi, then visit a few key pages to confirm everything looks correct. Double-check that your child theme is still marked Active under Appearance > Themes.
Custom CSS in the child theme’s style.css, custom functions in functions.php, Theme Options CSS, and Theme Builder layouts are all safe through normal updates. The main area that needs attention is template file overrides, like header.php or single.php, inside the child theme.
Those files do not receive new code from Divi, so after major releases, compare your overridden templates to the updated parent versions and merge in important fixes or security patches. Keeping overrides to a minimum reduces this maintenance work.
Install your Divi child theme today
Most Divi sites are already safer than you might think. A child theme only becomes important when you move into PHP edits, custom functions, or JavaScript that needs proper enqueueing.
From here, you have four options – grab Divi Life’s free blank child theme, use an online generator, or create your own with a tidy style.css and wp_enqueue_style in functions.php. Premium child themes then sit at the other end of the spectrum, giving you finished, industry-specific designs that save hours of build time.
If you want professional results without heavy development work, explore Divi Life’s premium child themes with pre-built pages, targeted features, and one-click demo imports.
Table of Contents
- Do you actually need a child theme?
- Understanding child theme types
- Option 1: Download a free blank child theme from Divi Life
- Option 2: Choose a premium child theme by Divi Life
- Option 3: Use a child theme configurator plugin
- Option 4: Create your child theme with custom code (Advanced)
- Updating Divi safely when using a Child Theme
- Install your Divi child theme today
0 Comments