Development Guides Home >> Guide to cPanel Interface Customization and Branding >> Guide to cPanel Interface Customization - The Login Theme

Guide to cPanel Interface Customization - Login Images

Introduction

Note:

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

  • 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.
  • cPanel & WHM themes' default images and templates 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 Location Description Height Width Image
images/cpanel-logo.svg The cPanel subheader. 50 233 cpanel-logo.svg
images/whm-logo_white.svg The WHM subheader for non-white backgrounds. 55 208 cpanel-logo.svg
images/webmail-logo.svg The Webmail subheader. 50 306 webmail-logo.svg

Other Images

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

Image location Description Height Width Image
images/cpanel-logo-tiny.svg The cPanel logo at the bottom of the login pages. 25 25 cpanel-logo-tiny.svg
images/cpanel-logo-tiny-white.svg The cPanel logo at the bottom of login pages, for non-white backgrounds. 25 25 cpanel-logo-tiny-white.svg
images/icon-password.svg The icon that appears in the password text box. 20 20 icon-password.svg
images/icon-username.svg The icon that appears in the username text box. 20 20 icon-username.svg
images/locale-map.svg The image that displays for the list of available locales. 220 455 locale-map.svg
images/login-error-close.svg The icon that allows users to close any messages that the system receives. 12 12 login-error-close.svg
images/notice-error.svg The image that appears on the page whenever an error is encountered. 28 28 notice-error.svg
images/notice-info.svg The image that appears whenever the system needs to display additional information. 28 28 notice-info.svg
images/notice-success.svg The image that appears whenever the user successfully logs in or resets their password. 28 28 notice-success.svg
images/security-policy-error.svg The image that appears whenever an error occurs on a security policy page. 21 21 security-policy-error.svg
images/security-policy-success.svg The image that appears in order to indicate success on a security policy page. 21 21 security-policy-success.svg
images/warning.svg The image that appears whenever the system raises a warning. 28 28 warning.svg

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 location Description Height Width Default theme image
images/whm.svg The WHM subheader for use with lighter page backgrounds. 55 208 whm.svg