zartgesotten
8/2/2017 - 1:51 PM

Add Custom Login functionality.

Add Custom Login functionality.

/*Customize Login screen*/
function my_custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/custom-login-styles.css" />';
}
add_action('login_head', 'my_custom_login');
body {background-color:white;}
.login form {box-shadow: 2px 2px 19px rgba(0,0,0,.13);}
.login h1 a {
    background-image: url(login-logo.png);
    background-size: 225px;
    height: 76px;
    width: 228px;
}

.login label {
  font-size: 12px;
  color: #083074;
}

.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}


.login .button-primary {
  width: 120px;
  float:right;
background: #2A363D; /* Old browsers */
  color: #ffffff;
  -webkit-border-radius: 4px;
border-color:#2A363D!important;
text-shadow:none!important;
}

.login .button-primary:hover {
background: #a72b64; /* Old browsers */
  color: #fff;
  -webkit-border-radius: 4px;
border-color:#a72b64!important;
text-shadow:none!important;
}