So you’ve bought a premium child theme (thank-you!) and you’re ready to dive in and customize it. Once you’ve installed it and added your content, you might want to edit some of the child theme’s CSS or even add your own.
We think the best way to protect your own edits from future upgrades, is to do the following:
- Go to Appearance > Editor and select the child theme you want to edit and click on the Style.css file.
- Copy the code snippet you wish to edit.
- Go to Divi > Theme Options and add the code snippet to the Custom CSS box. Make your changes and save.
- Go back to the child theme stylesheet and delete the code snippet. Your edited version is now safely stored in your Divi Theme Options area which can’t be overwritten if you decide to update the child theme, or when you update the parent theme.
UPDATING AN EXISTING PREMIUM CHILD THEME
Firstly, there is no need to actually update to a new version of your child theme, particulary if you have made extensive edits to the child stylesheet. For example, whilst upgrading all of our Divi child themes to 2.5, we found that there were very few things that needed to be changed. The main thing we have done, is moved as much CSS as possible out of the stylesheet and into the Customizer and module settings.
If you do feel that you would like to update to the latest version of your child theme, make sure you take a full backup of your site and copy and paste your current child stylesheet contents into a text document, in case you need to reinstate any lines.
If you know which (if any) edits you have made in your current child sheet, then make to copy and paste them over to the Divi Theme Options Custom CSS box, in order to protect them.
Upload the new child theme version and activate it. All of our child themes will prompt you to install certain plugins. You may have them already, but you will particularly to have the Customizer Import & Export plugin installed and active.
Once you have done that, you can go into both the Divi Theme Customizer and Divi Module Customizer areas and upload the included Customizer settings files in both places.
Finally, go to Appearance > Menus and re-allocate your menus.
You may see some small changes to your site’s previous appearance. Mostly, they will be to individual module areas, where you can now choose settings that didn’t exist in 2.0 but do exist in 2.5.
If you come across any changes you need to make, or are unsure what to do, please do submit a ticket and we’ll be happy to help you.