WP SITES

3083 Coded Tutorials & 287 Plugins

How To Make A Divi Child Theme

If you are using Divi and want to make changes to the parent theme, you’ll need to create a child theme so your changes don’t get lost when you update the parent theme.

Here’s a step by step guide how to create a child theme for Divi.

1. In your wp-content/themes directory, create a new folder and rename it divi-child

2. Inside your divi-child folder, create a file named style.css file add the following stylesheet header to the file :

/*
 Theme Name:   Divi Child
 Theme URI:    https://example.com
 Description:  A child theme for the Divi theme.
 Author:       Your Name
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

This style.css file is where you can add custom CSS rules to modify your parent themes styling.

3. In the same divi-child directory, create a file named functions.php and add the following PHP code.

<?php
// Enqueue parent theme stylesheet
add_action( 'wp_enqueue_scripts', 'divi_child_styles' );
function divi_child_styles() {

wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

This child themes functions.php file is where you can add custom PHP code to modify and/or extend your divi parent themes functionality.

4. The next step is to add a screenshot. You can create your own 1200 x 900 px, copy over the screenshot.png file from your Divi parent theme or upload the following screenshot.png file to your divi-child theme folder.

5. The final step is to go to appearance > themes and activate your new child theme for Divi.

Here’s the complete divi child theme you can download and install as a new theme in your WordPress dashboard.

Remember to install the Divi parent theme 1st.

Leave a Reply

New Plugins