How to Rebrand your Divi Theme or Divi Child Theme Manually

Feb 27, 2020 | Everything Divi for WordPress, Search Engine Marketing Tutorials




how-to-rebrand-your-divi-theme-or-divi-child-theme-manually How to Rebrand your Divi Theme or Divi Child Theme Manually

There are times when you might want to rebrand your Divi theme or Divi child theme. For example, maybe you want to change the name of a child theme after it has been installed. Maybe you want to hide that the theme is Divi.

Regardless of why you want to rebrand Divi, performing the rebrand isn’t that difficult. In this article, we’ll see how to rebrand your Divi theme or child theme manually. Stick around until the end to see a way to rebrand your theme automatically and more thoroughly.

Renaming the theme’s folder

I’ve uploaded a child theme that I made with the Divi Space child theme builder. I’ve created a blank child theme with just a name, image, functions.php and style.css. Now that I’ve uploaded it I want to rebrand it.

Before performing these steps you might need to deactivate the current theme. WordPress will let you make changes while the theme is active, but the theme can become broken during this process.

Rename the folder in cPanel

Go to the file manager in your host’s cPanel. If the site is a subdomain you’ll need to navigate to your website’s folder. Then navigate to wp-content > Themes. Right click on the name of the theme or child theme you want to rename. Select Rename. Your cPanel might look different from the one in these photos, but the tools should be the same.

Alternatively, you can use FTP to access these files. For more information, see the article How To Setup FTP Access to Your Site Using cPanel.

When you click to rename the folder a modal will appear. Enter the name in the modal. If the name includes more than one word, be sure to include dashes between words. Click Rename File to save your changes.

The folder will now show the new name. In order for the new name to show on the themes page in WordPress, you’ll also need to change the name in the CSS style sheet.

Change the theme’s info in the style.css file

The CSS stylesheet can be modified in either the cPanel (inside the theme’s folder that you’ve renamed), or in the CSS editor within WordPress. To change it in the CSS editor (the method I’m using), in the dashboard menu go the Appearance > Theme Editor. Select your theme and choose the CSS stylesheet (style.css).

The first line of text is the theme name. This is the text you want to change. You can change the name, URI, description, author name, author URI, version, etc. This information shows in the Theme Details when you click to see more information about the theme in the themes page. It also displays in the results of online theme detectors.

Change the name and select Update File. You don’t need to include dashes in the name as you did with the folder name. Once you update the file, it will display the new name here and on the themes page.

Here’s a look at the child theme in the themes page. It now shows the new name. It still shows the older image. This is easy to fix.

Upload custom screenshot

In your cPanel, open the theme folder that you renamed. Inside, you’ll find a file called screenshot. Delete this file (right click and select Delete).

Next, select Upload in order to upload your new image. In my example, I have an upload option above my list of folders. Make sure your new image has the same name as the original (screenshot). It can be a PNG or JPEG. The ideal size is 1200 x 900. This scales down to look sharp in the theme area and ensures the image still looks good when someone selects Theme Details.

A modal will open where you can upload your file. Once the file has uploaded, go back to your themes page at your WordPress website.

Now, refresh your theme’s page and you’ll see your child theme with the new image. I’m using the Divi Space logo to match the name of the child theme.

If it still shows the old image you might need to clear cache and reload the page. In Windows, hold shift while reloading the page to ignore the cache. If you’re using the macOS, hold Shift will clicking Refresh or click Command+Option+R.

Clicking Theme Details shows the larger image and the new name for the theme. This takes advantage of the larger image file.

Problems with manually rebranding Divi

The manual method works great and it’s not difficult to do as long as you have access to the cPanel. It does still have a few issues. Theme detectors still know that the theme is Divi. Anyone can determine that Divi is being used simply by viewing the page source and searching for Divi. Also, Divi is still the name of the theme in the WordPress dashboard (as seen in the image above). Of course, any changes you make in the parent theme files will be overwritten with the theme updates, so we recommend making these changes to a child theme.

This isn’t a good option if you want to hide which theme is used. If your goal is to hide the fact that you’re using Divi or a Divi child theme, both externally and internally, then you’ll need to white label the site. This is best done with a plugin.

Rebrand your Divi Theme or Divi Child Theme Automatically with Divi Ghoster

An easier and more complete method is to use a white-labeling plugin such as Divi Ghoster. It works with both Divi and Extra. Simply upload and activate the plugin and then add your branding name, an image that will appear on the backend for the theme and builder, and URL slug.

Divi Ghoster will change the name of Divi and its icon to the name and icon you provide. This includes the name of the Divi Builder, options, etc. You can also hide the Divi pages from users that have access to the backend if you want. This includes WordPress settings as well.

Select Ultimate Ghoster to completely hide Divi from theme detectors.

This also hides the Divi thumbnail on the themes page and renames it according to the name you provided.

Divi Ghoster is easy to use and provides a lot more white labeling features than I’ve touched on here. Divi Ghoster 4.0 has a lot of customizations and makes Divi Ghoster easier to use. For more information about Divi Ghoster, see the article Divi Ghoster 4.0 – Changes & New Features.

Ending Thoughts

That’s our quick look at how to rebrand your Divi theme or Divi child theme manually. There are several ways to perform the rebrand. Fortunately, handling the rebrand isn’t that difficult. You just need access to your cPanel or FTP, and you can make some of the changes from the themes editor. These steps work the same regardless of whether you’re modifying Divi or a child theme.

We want to hear from you. Have you rebranded your Divi theme or Divi child theme? Let us know about your experience in the comments below.

Source

WordPress Development

SEO NEWS

seo news

We’re listening.

Have something to say about this article? Share it with us on Facebook, Twitter or LinkedIn:

SHARE IT HERE:

Subscribe ToThe Weekly SEO Trade News Updates

Get the latest SEO, SEM and SMM marketing intel, tips and tricks from one of the best SEO Gurus online. 

Every Tuesday morning we send out an aggregated email listing all new posts on SEO Trade News.

Excellent! Now check your email to confirm your subscription.