How to create a Divi child theme in simple steps (stylesheet only)

Jun 22, 2017 | Child Theme, Divi Theme, Learn to Code

Step 1:

Log in to your website’s cpanel and click open the “File Manager”.

You could also access your site files via FTP (File Transfer Protocol) software if you are more familiar with this method.

cpanel file manager


Step 2:

Open “public_html” (double-click).

open public_html folder


Step 3:

Open “wp-content” folder.

open wp-content folder


Step 4:

Open “themes” folder.

themes folder


Step 5:

Click on “+ Folder” in the top menu.

add folder


Step 6:

Give your child theme a name and click “Create New Folder”.

child theme folder name


Step 7:

Open your new child theme folder.

(You may need to click “Reload” above the files/folders list.)

open child theme folder


Step 8:

Click on “+ File” in the top menu.

file manager add file


Step 9:

Create your child theme stylesheet by naming the file:


and clicking “Create New File”.

child theme name stylesheet


Step 10:

Right-click and “Edit” the new style.css file.

(You may need to click “Reload” above the files/folders list.)

child theme stylesheet edit


Step 11:

Add the following to the file:

 Theme Name:     Divi Child Theme
 Theme URI:
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:
 Template:       Divi
 Version:        1.0.0
@import url("../Divi/style.css");
/* =Theme customization starts here
------------------------------------------------------- */

Your child theme with a stylesheet has now be created. You are now ready to activate it and use it (by adding custom CSS to the stylesheet, or adding more files and custom code).


Step 12:

Back in your WordPress site admin, navigate to Appearance>Themes.

child theme - themes


Step 13:

Activate your Divi child theme.

activate child theme


Step 14:

You can now navigate to Appearance>Editor to add your own custom CSS to your child theme stylesheet.

navigate to wordpress theme editor


  • When editing your theme files, ensure the child theme is selected.

correct theme selected


  • style.css is your stylesheet. As your child theme grows, you will likely add more theme files.



  • Start writing your custom CSS below the stylesheet introduction.

start custom css


  • Finally, save any changes by clicking “Update File”

update theme file


Learn More…


Want more module options for your Divi website?

Check out our Custom Modules for Divi
Browse Custom Modules