neilgee
3/21/2015 - 5:03 AM

WordPress Custom Login Page

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' );