Please whitelist cPanel in your adblocker so that you’re able to see our version release promotions, thanks!

The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Edit cPanel & WHM Login Page

Discussion in 'Workarounds and Optimization' started by Sametto Chan, Sep 22, 2017.

  1. Sametto Chan

    Sametto Chan Well-Known Member

    Joined:
    Jun 24, 2016
    Messages:
    254
    Likes Received:
    24
    Trophy Points:
    93
    cPanel Access Level:
    Root Administrator
    Twitter:
    Hello, everyone!

    I am will teach to you how to for edit cPanel and WHM login panel own CSS file and also improve to CSS Formatter.

    0 - Please first install notepad++ Official visit this notepad-plus-plus.org/download/v7.5.1.html

    Because notepad++ can help you to view feel better easy to could be found!

    Windows notepad is not easy far so.

    If you want to know about that windows notepad vs notepad++ different? Visit this learn more: technorms.com/19328/notepad-windows-notepad


    1 - Edit to where a file from cPanel/WHM - Login panel for CSS improve to Formatter better.

    /usr/local/cpanel/base/unprotected/YourOwnStyle/style_v2_optimized.css

    Copy to all this CSS to paste visit this cleancss.com/css-beautify/ - This will help you to formatter improvements CSS. You won't be the mess again. Copy & paste to file again.

    2 - If you want an edit for the background image or background color from cPanel or WHM.
    Code:
    WHM - Login panel
    body.whm {
        background-color: #293a4a;
        color: #fff
    }
    
    cPanel - Login panel
    body.cp {
        background-color: #f0eff0
    }
    
    You can see that two CSS could be found! Thanks to formatter fixed. May you want change to a background image? There,

    Code:
    WHM: background-color: #293a4a;
    
    cP: background-color: #f0eff0
    
    to
    
    WHM,
        background-image: url("testimages/YourOwnImage.jpg");
        background-attachment: fixed;
        background-size: 100% 100%;
        color: black
    
    cPanel,
        background-image: url("testimages/YourOwnImage.jpg");
        background-attachment: fixed;
        background-size: 100% 100%;
        color: black
    
    1. You may change to image supported GIF or JPG ONLY! Do Not use PNG is not a wallpaper. PNG is an icon or favorite, normal picture.
    2. Also, you must use HTTPS only! If you used HTTP for URL image, Hacker will against your WHM insecure of connection the HTTPS is not verified.

    I have uploaded file attach from my WHM and cPanel own style has changed background image are really great! What I made that :)

    Screenshot_1.png

    Keep to your knowledge! :)

    I will update this thread later.
     
    #1 Sametto Chan, Sep 22, 2017
    Last edited: Sep 22, 2017
  2. cPanelMichael

    cPanelMichael Forums Analyst
    Staff Member

    Joined:
    Apr 11, 2011
    Messages:
    38,658
    Likes Received:
    1,425
    Trophy Points:
    363
    cPanel Access Level:
    Root Administrator
    Sametto Chan likes this.
Loading...

Share This Page