1. cPanel & WHM Documentation
  2. WHM
  3. cPanel
  4. Customization
branding whmui jupiter

Customization

Valid for versions 108 through the latest version

Version:

102

108

Last modified: August 23, 2022

Overview

This interface allows you to customize parts of the cPanel interface. You can modify the following items:

  • Upload custom logos.
  • Update colors in the cPanel interface to match your company’s branding.
  • Upload a favicon.
  • Update the Documentation and Help links in the cPanel interface footer.
  • Update the contact information on publicly-visible placeholder pages.

For the purposes of cPanel, L.L.C.’s products and documentation, we use the following terms:

Term Description
Branding Branding modifies the cPanel interface in order to match your company’s logo and brand.
  • Branding changes include updates to image assets or text labels.
  • For more information, read our Branding documentation.
Includes Content includes add custom content to the header or footer of the cPanel interface (but not the WHM interface).
  • You can create content includes for specific cPanel interfaces, or global content includes that display on all of cPanel’s interfaces.
  • For more information, read our Content Includes documentation.
Plugin A plugin modifies an interface’s features or functionality, and it may also include changes to the interface’s appearance.
  • You can write plugins for the cPanel or WHM interfaces.
  • You can use the cPanel Style Guide to ensure that your interfaces match the appearance of standard cPanel interfaces.
  • For more information, read our Guide to cPanel Plugins documentation.
Theme A theme applies an overlay on the skeletal framework for all of the interfaces.
  • cPanel & WHM currently ships with the Jupiter theme for cPanel and for WHM.
  • The Webmail and Login interfaces also use themes.

Customization options

Logos

The Logos tab allows you to update the following items:

  • A logo for light backgrounds.
  • A logo for dark backgrounds.
  • A logo description.

To update the logos and description, perform the following steps:

Note:

You can only use the .svg file format.

  1. Under Company Logo - used with dark background colors, click Browse.
  2. Select logo that you wish to use, and click Open. A preview of the logo will appear.
  3. Under Company Logo - used with light background colors, click Browse.
  4. Select logo that you wish to use, and click Open. A preview of the logo will appear.
  5. In the Description text box, enter a description for the image tag.
    Note:
    The information you enter updates the alt text for the logo. Screen readers use this text to describe the page content.
  6. Click Update Logos.

Colors

The Colors tab allows you to update the color of cPanel’s Main Menu.

To update the Main Menu color, perform the following steps:

  1. Click the Main Menu Background Color text box and use the color wheel to choose the color you prefer. Or, enter the hexadecimal color format that you prefer.
  2. Click Update Colors.

To restore the Main Menu’s default colors, click Restore Defaults.

Favicon

The Favicon tab allows you to update the cPanel interface’s favicon.

Note:

You can only use the .ico) file format.

To update the favicon, perform the following steps:

  1. Click Browse.
  2. Select favicon that you wish to use, and click Open. A preview of the favicon will appear.
  3. Click Update Favicon.

The Links tab allows you to update the Documentation and Help links in the cPanel interface footer.

To update the links, perform the following steps:

  1. Enter your preferred link in the Help Link text box.
  2. Enter your preferred link in the Documentation Link text box.
  3. Click Update Links.

Public Contact

The Public Contact tab allows you to customize the contact information that cPanel & WHM provides for a cPanel account’s default website page and suspended website page.

To update your contact information, perform the following steps:

  1. Enter your company’s name in the Public Company Name text box.
  2. Enter your company’s contact URL in the Public Contact URL text box.
  3. Click Save.

Additional Documentation