Divi Child Theme

Here is a FREE bare-bones child theme for Divi.

divi-child-theme-screenshot

This child theme will inherit all the functionality and styling of Divi. It’s ready for you to modify without the worry of losing your modifications after the parent theme gets updated.

I use Divi on several projects myself and after reading several forum posts at Elegant Themes, I thought it might save other Divi users some time to have this ready made child theme.

I read great posts about how to make modifications to Divi but they always suggest that you should make a Divi Child Theme first in order to avoid problems later. So the reader is now faced with a new challenge on top of the one they had to begin with.

So now developers can save time by using this bare-bones Divi Child theme and applying the suggested modifications without looking up tutorials about how to make a WordPress Child Theme.

Because I use Divi myself, I will post handy modifications you can make to the this child theme in future posts. Please let me know in the comments below if you found Divi Child Theme useful. I hope you like it.

What’s Inside the Zip

  • style.css
  • functions.php
  • screenshot.png
  • readme.txt

Download Divi Child Theme

Download: divi-child.zip – 18 KB

Instructions

  • Make sure Divi theme is installed in your WordPress Themes Directory (root/wp-content/themes/)
  • Install divi-child.zip into your WordPress Themes Directory
  • Activate Divi Child Theme

That’s it! As long as the child theme is the active theme, you can make custom changes to functions.php and style.css without worrying about how the next Divi theme update will affect your website.

If you are unsure about the inevitable consequences of not using child themes, please read my earlier post.

Next Child Theme: Twenty Seventeen Child Theme

License

http://www.gnu.org/licenses/gpl-2.0.html

Credits

Related

{ 2 comments… add one }
  • Giacomo Giammatteo April 15, 2017, 7:23 am

    I’ve already started a site using Divi, but I did it on the original theme, not a child theme. Can I still use a child theme now, and if so, how do I switch?

    • Ed Zivkovic April 15, 2017, 10:12 am

      Not sure Giacomo. Did you modify anything else other than style.css?

      If I had this problem I would try:

      Method 1:
      1. Download current Modified Divi Theme as a backup just in case the following does not work.
      2. Install Divi Child Theme but don’t Activate it yet.
      3. Add (paste) modifications to Divi Child Theme style.css directly from WP Editor. Add any other custom files (if any) from current Modified Divi Theme directory into Divi Child Theme directory. This will have to be done via FTP or web hosting file manager.
      4. Delete current Modified Divi Theme.
      5. Install a fresh unmodified Divi Theme.
      6. Activate Divi Child Theme.

      Method 2:
      1. Download current Modified Divi Theme as a backup just in case the following does not work.
      2. Download Divi Child Theme and unzip it.
      3. Add modifications to Divi Child Theme style.css using a plain text editor or code editor. Add any other custom files (if any) from current Modified Divi Theme directory into Divi Child Theme directory.
      4. Zip up modified Divi Child Theme then install but do not activate it.
      4. Delete current Modified Divi Theme.
      5. Install a fresh unmodified Divi Theme.
      6. Activate Divi Child Theme.

      The above instructions assume that no modifications have been made directly into Divi Modules using the Custom CSS Tab.

      Suggestion 1: If you have made CSS modifications directly into Divi Modules using the Custom CSS Tab, you can save those modules to your Divi Library. You can download them and import them into the Active Divi Child Theme – WP Dashboard > Divi > Divi Library (Layouts) > Imports & Exports.

      Suggestion 2: If you have made CSS modifications directly into Divi Modules using the Custom CSS Tab, you will need to add those modifications as well either directly into Divi Child Theme style.css, or by adding them again one-by-one using the Module Custom CSS Tab.

      If all went well, the site should look fine. If not, revert back to old modified theme.

      This is just what I would try. Failing this I would ask some questions at the Divi support forum, or get a quote for somebody to do it for you.

Leave a Comment