One of the things we pride ourselves in here at Restored 316 is providing premium support for our themes and our customers. Keeping a website up to date and making sure that everything is working the way that it should be shouldn’t be your problem. You’ve got content to manage and produce, products to sell or social media to keep up with. Making sure that your theme is running isn’t something you have the time to worry with. That’s why we strive to keep our themes updated and running at the highest possible functionality!
However, occasionally, we do have to update the style and the coding of a theme. Which means that if you have made any customizations to your purchased theme (the CSS mainly) you’ll need to update it without losing your changes. No one wants to have to pay a second time for your site to be customized and more often than not, no one wants to have to worry about losing all of their changes and having to start all over from scratch.
Today, we’ll show you how you can update and not lose those changes!
Important: As we always tell you in our tutorials, please make sure that you make a backup copy of your existing theme files
If you’ve made any changes to your theme (your CSS especially) you’ll want to make sure that you go in and copy those. If you know how to get into your file manager through your hosting, you can download your site in its entirety. Otherwise, you’ll just want to open up the text program on your computer and copy and paste your files and then save them.
You can find all of your theme files directly in WordPress by going to APPEARANCE > EDITOR. From there just click on the file you want to view and copy. You can find the changelog for each theme here so you’ll know what changes come with each update.
The easiest tool that I have found to make these changes is DiffChecker. This is a free program that allows you to paste in two files and compare them side by side to see the differences.
Now we can see the your files side by side, and tell what is different in the files for the next step.
Install new version
Now that you know how to compare your CSS files and have backed up our files, we can update your theme.
First, navigate to Appearance > Themes and activate a theme that is currently not active. I tend to choose to activate the Genesis Framework so that I don’t have to keep a bunch of excess themes in my files. Once you do that, you can DELETE your existing child theme by clicking on the theme, then clicking “delete” in the lower right corner of the popup. Follow this step-by-step tutorial to upload the new one. This will allow you to add all of the new updates and theme files at once.
Once you delete the old theme files and upload the new ones, you’ll be ready to put your customizations back into place. This is where you’ll be able to use the DiffNow site to upload the old files/your copies of the files you had activated and the new files to see what’s different so that you can paste that back in.
If you see something that was not in the old theme files do not remove it from your new files. We’ve added some features and functions with these updates so if you remove any new coding that you may see in your updated files, you’ll lose those capabilities and that formatting.