Child pages
  • Guide to cPanel Interface Customization - Login Images
Skip to end of metadata
Go to start of metadata

Introduction

You can customize the images that the cPanel & WHM login theme uses. These images exist in login theme's images directory.

Important:

  • If you customize a login theme, make certain that your custom images use the same dimensions as the default theme's images. These dimensions allow for the correct amount of padding within page containers.
  • In cPanel & WHM version 54 and later, we added support for .svg files and updated our default images and templates to use .svg images.

Subheader logos

Subheader logos appear at the top of the login pages for cPanel, WHM, and Webmail. 

The default cPanel & WHM login theme contains the following subheader logo images:

Image locationDescriptionHeightWidthDefault theme image

images/cpanel-logo.svg

 

The cPanel subheader.50233
images/whm-logo_white.svgThe WHM subheader for non-white backgrounds.55208

images/webmail-logo.svg

The Webmail subheader.

50306

Note:

cPanel & WHM versions 11.52 and earlier use the same filenames with the .png extension. We introduced .svg support and changed the default images to .svg files in cPanel & WHM version 54.

Other images

The default cPanel & WHM login theme contains the following additional images:

Image locationDescriptionHeightWidthDefault theme image
images/cpanel-logo-tiny.svgThe cPanel logo at the bottom of the login pages.2525
images/cpanel-logo-tiny-white.svgThe cPanel logo at the bottom of login pages, for non-white backgrounds.2525

images/icon-password.svgThe icon that appears in the password text box.2020
images/icon-username.svgThe icon that appears in the username text box.2020
images/locale-map.svgThe image that displays for the list of available locales.220455
images/login-error-close.svg

The icon that allows users to close any messages that the system receives.

1212

images/notice-error.svgThe image that appears on the page whenever an error is encountered.2828

images/notice-info.svgThe image that appears whenever the system needs to display additional information.2828

images/notice-success.svgThe image that appears whenever the user successfully logs in or resets their password.2828

images/security-policy-error.svgThe image that appears whenever an error occurs on a security policy page.2121
images/security-policy-success.svgThe image that appears in order to indicate success on a security policy page.2121
images/warning.svg

The image that appears whenever the system raises a warning.

2828

Note:

cPanel & WHM versions 11.52 and earlier use the same filenames with the .png extension. We introduced .svg support and changed the default images to .svg files in cPanel & WHM version 54.

Customized login

The following files are not a part of the default cPanel & WHM login theme and require further customization of the reference file:

Image locationDescriptionHeightWidthImage
images/whm.svgThe WHM subheader for use with lighter page backgrounds.55208

Note:

cPanel & WHM versions 11.52 and earlier use the same filenames with the .png extension. We introduced .svg support and changed the default images to .svg files in cPanel & WHM version 54.