No announcement yet.

How to Customize the WHM User Interface with CSS

  • Filter
  • Time
  • Show
Clear All
new posts

  • How to Customize the WHM User Interface with CSS


    You can use locally-provided style sheets to customize the appearance of the WHM interface. After you implement the customized theme, the system will apply it to every account on the server.

    You must log in to your server as the root user to customize the WHM theme.

    Create a cloned theme

    To create a cloned theme, perform the following steps:

    1.Create a new theme directory. To do this, perform either of the following actions:

    A.Create a new directory with the following command:

    mkdir /usr/local/cpanel/whostmgr/docroot/themes/my_theme

    B.Clone WHM's x theme with the Theme Manager interface (Home >> Themes >> Theme Manager).

    In cPanel & WHM version 11.50, we changed the name of the Universal Theme Manager interface to Theme Manager.

    2.Add CSS files to customize the WHM interface. Create the following files and populate them with you own CSS rules: Customizes the left navigation menu.
    B.main.css Customizes the right frame, which stores most UI content.

    Change the selected theme

    To change the selected theme to your customized theme, navigate to the Change WHM Theme interface (Home >> Themes >> Change WHM Theme) and perform the following steps:

    1.Click magnifying glass to view the theme.
    2.Click Switch to theme to change the current WHM theme.

    To set your new customized link via the command line, run the following command:

    echo 'my_theme' > ~/.whmtheme

    For the customizations of the left navigation menu to properly load, you may need to run the following command: