Custom WordPress Login Page

10th April 2016
by InfiniteMonkeys

    Fancy changing your WP logon page?

    Just add the following code to your functions.php, make sure you adjust the heigh/width & size to your match your image and change the background to your colour of choice (#000) & (#333) in this case.

    Always best to make a back up first!

    monstro wp logon

    function qot_login() {

    echo ‘<style type=”text/css”>
    .login h1 a {
    background-image:url( “http://path/to/png” ) !important;
    height: 180px !important; width: 135px !important;
    background-size: 180px auto !important;
    }
    body { background: #000; }
    .login form { background: #333; }
    </style>’;
    }
    add_action(‘login_head’, ‘qot_login’);

    Leave a Comment

    You must be logged in to post a comment.