WordPress Custom Login Page
//Change login page
function themeprefix_login_page() { ?>
<style type="text/css">
body {
background: #EE3A43 url(/wp-content/uploads/2015/03/login-background.jpg) no-repeat 0 0;
background-size: cover;
font-family: 'Source Sans Pro', sans-serif;
}
body.login div#login h1 a {
background-image: url(/wp-content/uploads/2015/02/logo-trs.png);
padding-bottom: 0;
height: 75px !important;
width: 220px;
background-size: 100% 100%;
}
#login {
padding:10% 2%;
position: absolute;
top: 0;
right: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
border-radius: 8px;
height: 100%;
}
#loginform, #registerform {
width: 230px;
background-color: rgba(255,255,255,.3);
border: 3px solid #fff;
border-radius: 4px;
}
.login label {
color: #000;
}
.login #backtoblog a, .login #nav a {
color: #000;
text-decoration: none;
}
body.login div#login h1 a {
height: auto;
}
.wp-core-ui .button-primary {
background: none repeat scroll 0 0 #EE3A43;
}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
color: #1D2C43;
}
.wp-core-ui .button-primary {
background-color: #EE3A43;
border-color: #000;
}
.wp-core-ui .button-primary:hover {
background-color: #8dc640;
}
#reg_passmail {
color: #fff;
}
#login_error, .login .message {
width: 250px;
}
@media only screen and (max-width:1000px) {
#login {
padding-top:3%;
}
}
@media only screen and (max-width:680px) {
#loginform, #registerform {
width: 230px;
padding: 26px 24px 46px;
position: relative;
}
#login {
padding-left:0%;
}
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'themeprefix_login_page' );
function my_login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return 'TRS Service Australia';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );