//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;
}