AgilityWeb
7/8/2018 - 5:49 PM

Customised Login Page

//Functions

#-----------------------------------------------------------------#
# ADD LOGIN LOGO
#-----------------------------------------------------------------#

// Change admin login logo
function my_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/assets/logo.png);
        height:100px;
        width:100px;
        background-size: 100px 100px;
        background-repeat: no-repeat;
        padding-bottom: 30px;        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
 
// Change admin login logo link
function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
 
function my_login_stylesheet() {
    wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/style-login.css' );
}
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );



/ CSS

/* ==========================================================================
LOGIN PAGE CSS
========================================================================== */

body {
    background: #ccc;
    min-width: 0;
    color: #444;
    font-family:'Helvetica Neue',sans-serif;
    font-size: 12px;
    line-height: 1.4em;
}

a,
a:focus {
    color: #333!important;
    box-shadow:none;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#login {
	margin-top:10vh !important;
    width: 340px;
    padding: 4%!important;
    margin: auto;
	background: #fff;
}

.login form {
    margin-top: 0px;
    margin-left: 0;
    padding: 10px;
    background: #fff;
    box-shadow: none;
}

login h1 a, .login h1 a {
	padding-bottom:25px;
}

.login label {
   letter-spacing:0px;
   padding-bottom:2px;
}

.login form .input, .login input[type="text"] {
    font-size: 14px;
    width: 100%;
    padding: 10px;
    margin: 2px 6px 16px 0;
}

login form .input, .login form input[type="checkbox"], .login input[type="text"] {
    background: #f5f5f5;
}

.wp-core-ui .button-primary, 
.wp-core-ui .button-group.button-large .button, 
.wp-core-ui .button.button-large {
    background: #555;
    border-color: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border-radius: 0px !important;
    font-size: 14px;
    padding: 0px 28px !important;
    height: 40px;
}

.wp-core-ui .button-primary.focus, 
.wp-core-ui .button-primary.hover, 
.wp-core-ui .button-primary:focus, 
.wp-core-ui .button-primary:hover {
    background: #444 !important;
	border-color: none;
}