Divi Child Theme

Approachable · Oct 2, 2014

Can someone please guide me on how to create a child theme for Divi(Parent theme)? I'm not a member so cant access their support forums! Ok so this is my question. I want a child theme which pulls stuff from the main one and i should be able to edit and configure the new one. I don't want a child theme which has everything on its own(which doesn't need the main theme to work) because then when i update the main theme it won't get reflected here. I want something like the one offered with the GEnesis themes. You update the main theme it is reflected in all th child themes and your tweaks get retained!

Please help me!

madandi · Oct 2, 2014

You're just talking about a regular Wordpress child theme. There are thousands of tutes online for that.

Either way, you don't need to be a member to access the info you want from Elegant Themes: http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial

In their example, replace Foxy with Divi (or any other theme you wish to create a child theme of):

But to do it, create a directory in your themes directory called "Divi-child".
Create a "style.css" file inside of that folder, and put the following at the top:

Code:

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

Then add whatever customization you want. You can also replace other files, like single.php and page.php. Copy the original file to your child theme's directory and customize it to your liking.

Approachable · Oct 2, 2014

madandi said:
You're just talking about a regular Wordpress child theme. There are thousands of tutes online for that.

Either way, you don't need to be a member to access the info you want from Elegant Themes: http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial

In their example, replace Foxy with Divi (or any other theme you wish to create a child theme of):

But to do it, create a directory in your themes directory called "Divi-child".
Create a "style.css" file inside of that folder, and put the following at the top:

Code:

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

Then add whatever customization you want. You can also replace other files, like single.php and page.php. Copy the original file to your child theme's directory and customize it to your liking.

Thanks for replying.I tried as you said and it seems the child theme is broken. Can you help me fix it? I've attached both the pics!

I want it to look like the second image. Please help me.

Divi Child Theme

Approachable

Junior Member

madandi

Junior Member

Approachable

Junior Member

Main Menu

Marketplace

Making Money

BlackHat World