Divi & Extra (WordPress) Child Theme Generator

Divi Child Theme Generator

Generate a clean starter child theme for Divi or Extra and download it as a ZIP.

Tip: Use your brand or project name.
Used for newsletter subscription if you opt in.
Upload a PNG that will be used as screenshot.png inside the child theme.
Choose a preset or pick custom colors.
If you choose a Google Font, the child theme will load it.
Used for buttons and accents. Hex format.
Used for links and highlights. Hex format.
If the download does not start, try again or use another browser.

Frequently Asked Questions

1) What is a Divi child theme?

A Divi child theme is a small WordPress theme that runs on top of the Divi parent theme. It lets you add custom CSS, custom functions, and small theme edits without touching Divi’s core files. The main benefit is update safety when Divi updates, your custom work stays protected inside the child theme.

2) Does a child theme replace Divi?

No. A child theme does not replace Divi. Divi must remain installed and active as the parent theme, and the child theme works alongside it. If Divi is removed, the child theme will not function because it depends on Divi’s templates and framework.

3) Will the generated child theme include a demo layout or starter website design?

No. This generator creates a clean starter child theme, not a complete website design. It gives you the correct structure (style.css, functions.php, screenshot.png, and assets folder) so you can safely build your Divi website and add custom code. To import a website design, you’d use Divi Layouts or a Divi Theme Builder template, not a child theme.

4) How do I install the generated child theme ZIP in WordPress?

After downloading the ZIP:

  1. Go to WordPress Dashboard → Appearance → Themes

  2. Click Add New → Upload Theme

  3. Upload the ZIP file and click Install Now

  4. Click Activate
    Make sure Divi (or Extra) is installed first, because the child theme needs the parent theme to work.

5) What’s inside the child theme ZIP file?

Your downloaded child theme ZIP includes:

  • style.css (child theme info + space for custom CSS)

  • functions.php (loads parent + child styles and optional assets)

  • screenshot.png (the theme preview image you uploaded)

  • assets/css/custom.css (for your custom styles)

  • assets/js/custom.js (for your custom scripts)

This is a standard, WordPress-friendly structure for a Divi child theme.

6) Where should I add custom CSS in a Divi child theme?

You have a few safe options:

  • Add CSS in assets/css/custom.css (best for organized custom code)

  • Add CSS in Divi → Theme Options → Custom CSS (quick but less portable)

  • Add CSS in Appearance → Customize → Additional CSS (also safe)
    If you want code that stays with the theme when you move sites, using custom.css in the child theme is usually best.

7) Where do I add custom PHP functions or code snippets?

Add your PHP snippets inside the child theme’s functions.php. This is where you safely place custom WordPress functions, filters, and hooks for Divi. Always be careful with PHP syntax one error can cause a “critical error.” If you’re adding advanced code, keep backups and test on a staging site.

8) Can I generate a child theme for Extra instead of Divi?

Yes. Our generator supports both Divi child themes and Extra child themes. Just choose Extra in the “Parent Theme” dropdown before generating the ZIP. The child theme will be created with the correct template reference for Extra.

9) What is screenshot.png and why does it matter?

screenshot.png is the preview image you see in Appearance → Themes. It doesn’t affect performance or design on the front end, but it helps you quickly identify the theme in your WordPress dashboard. You can upload your logo or a simple branded image, and it will be included in the child theme ZIP.

10) Can I change the screenshot later?

Yes. After installing the child theme, you can replace the screenshot by editing the theme files via FTP or File Manager:
/wp-content/themes/your-child-theme/screenshot.png
Just make sure the file name stays screenshot.png and the format is PNG.

11) Why would I use a child theme if Divi already has Theme Options and Custom CSS?

Divi’s built-in options are great, but a child theme is still valuable when you:

  • need custom PHP functions

  • want a clean place to store custom CSS and JS files

  • want your site customizations to stay portable (easy to move between sites)

  • need deeper WordPress-level control using hooks/filters
    If you plan to add any custom development, a Divi child theme is recommended.

12) Is it safe to update Divi when using a child theme?

Yes — that’s one of the biggest reasons to use a child theme. With a child theme active, you can update Divi without losing custom CSS and custom functions stored in your child theme. Divi updates won’t overwrite your child theme files.

13) Will the child theme slow down my website?

A clean child theme is very lightweight. It typically adds almost no load time by itself. Performance mainly depends on your hosting, caching, images, plugins, and page design. Our generated child themes are minimal and designed to stay fast.

14) Can I use the same child theme on multiple websites?

Yes. You can install the same child theme ZIP on multiple websites as long as the parent theme (Divi or Extra) is installed on each site. Many agencies use a base child theme to keep consistent code structure and styling across client projects.

15) I activated the child theme but nothing changed on my website is that normal?

Yes. A starter child theme usually looks exactly like Divi at first. That’s normal because the child theme inherits Divi’s design. You’ll only see changes after you add custom CSS, custom functions, or custom templates to the child theme.

16) Can I add Google Fonts using the generated child theme?

Yes. If you select a font option in the generator, the child theme can load that font and apply it via CSS variables. You can also manually add fonts later by enqueueing them in functions.php and applying them in your CSS.

17) Can I use this generator to create a child theme for WooCommerce sites?

Yes. Divi and Extra both work with WooCommerce. The child theme is a safe place for WooCommerce-related customizations, like custom hooks, styling, or template tweaks. Just remember the child theme does not add WooCommerce itself you still install WooCommerce as a plugin.

18) I downloaded the ZIP but the upload fails in WordPress what should I do?

If WordPress says the file is too large or upload fails:

  • Increase your upload_max_filesize and post_max_size in hosting settings, or

  • Upload the ZIP via File Manager/FTP and unzip it into:
    /wp-content/themes/
    Then activate it from Appearance → Themes.

19) Do I need coding skills to use a Divi child theme?

Not necessarily. You can use a child theme without writing code, but the real power comes when you add custom CSS or small snippets in functions.php. If you’re not comfortable with PHP, start with custom.css and keep your changes simple.

20) How do I remove a child theme if I don’t want it anymore?

To remove it safely:

  1. Switch back to Divi (or another theme) in Appearance → Themes

  2. Delete the child theme from the Themes screen
    Never delete an active theme. Always activate a different theme first.