1. Home
  2. cPanel/WHM
  3. How do I manage cPanel branding via WHM?

How do I manage cPanel branding via WHM?

This guide applies to you who have a Managed Server or an Agency account.

To give your clients the feeling of being your clients, it’s a good idea to apply some branding (customize the looks) of the cPanel accounts they’re granted access to. This guide details how you change the looks of your cPanel account using the branding feature in WHM.

This guide details how you customize the theme Jupiter. If you use the theme paper_lantern, you cannot follow these instructions. Also, please note that the theme paper_lantern will soon be removed.

Accessing the branding interface

Before you can customize the branding on your clients’ cPanel accounts, you need to access the settings. To do that, follow these steps:

  1. Begin by logging on to WHM.
  2. Use the search function in the menu to the left to find customization and click it.
  3. You will now reach the interface where you can edit the branding for the theme that your clients see via their cPanel accounts.

The theme paper_lantern will soon be removed, so use the theme Jupiter instead.

  1. Choose the theme you want to customize.

Logos

To change the logo that is shown in the top left in cPanel, do the following:

  1. Begin by accessing the branding settings according to the instructions above.
  2. Click the tab Logos.
  3. You will now get to upload logos, one for light background colors and one for dark ones (you can set that color according to the instructions below). You may also add a description to the logos.

The following recommendations and restrictions apply to the logo files:
File type: Must be .svg files.
Size: Recommended size for the logos is 200 px in width and 100 px in height.
Remember to define the sizes inside the .svg files, otherwise they might display wrong.

  1. Click Update Logos once you’re done.

Colors

To change the color of the leftmost field in cPanel, do this:

  1. Begin by accessing the branding settings according to the instructions above.
  2. Click the tab Colors.
  3. Now you may choose the color for the left panel in cPanel. If you click the field Main Menu Background Color you may either enter a hexadecimal code for the color of your choice, or set a color using the color picker that pops up.
  4. Click Update Colors once you’re done.

Favicon

You can set the favicon (the icon shown on the tab in a web browser) if you don’t want the default one. To set your own favicon, follow these instructions:

  1. Begin by accessing the branding settings according to the instructions above.
  2. Click the tab Favicon.
  3. You may now upload the new favicon.

The following recommendations and restrictions apply to the favicon:
File type: Must be a .ico file.
Size: The file must be 32×32 pixels.

  1. Click Update Favicon when you’ve selected the file.

To direct your customers to the right contact paths and/or support home pages, you can adjust the links presented for this inside cPanel. Here we describe how:

  1. Begin by accessing the branding settings according to the instructions above.
  2. Click the tab Links.
  3. Edit the links here to match the data you want a cPanel user to end up with.
  4. Click Update Links when you’re done.

Contact information

You can also add your contact details directly to the theme used by cPanel accounts on your service, so your customers can easily get in touch with you. Follow these instructions to customize this information:

  1. Begin by accessing the branding settings according to the instructions above.
  2. Click the tab Public Contact.
  3. Please enter your company name (or equivalent) and a link to your website. Keep in mind that this information will be publicly available on all domains used on cPanel accounts associated with your service.
  4. Click Save once you’re done editing.

Changing theme

If you are not already using the Jupiter theme on your customers’ cPanel accounts, you will need to change the package(s) used to apply Jupiter. We generally describe how to edit a package in this guide (section “Editing an existing package”). The only thing you need to change is the particular theme used:

Click Save Changes by the bottom of the page when you’re done.

Was this article helpful?

Related Articles