1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Divi Child Theme

Discussion in 'Web Design' started by Approachable, Oct 2, 2014.

  1. Approachable

    Approachable Junior Member

    Joined:
    Aug 17, 2014
    Messages:
    116
    Likes Received:
    456
    Occupation:
    Student
    Location:
    India
    Home Page:
    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!


     
  2. madandi

    madandi Registered Member

    Joined:
    Aug 19, 2014
    Messages:
    91
    Likes Received:
    28
    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.
     
    Last edited: Oct 2, 2014
  3. Approachable

    Approachable Junior Member

    Joined:
    Aug 17, 2014
    Messages:
    116
    Likes Received:
    456
    Occupation:
    Student
    Location:
    India
    Home Page:
    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!

    Broken.jpg
    Divi Parent.jpg

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