Last active
March 2, 2018 22:25
-
-
Save ashsaraga/eae6d33612813884e30191cbd5de020a to your computer and use it in GitHub Desktop.
Customize the WordPress login screen background, inputs and logo.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Styles for Custom Login page | |
*/ | |
body.login { | |
background-image: url('background.jpg'); | |
background-repeat: no-repeat; | |
background-attachment: fixed; | |
background-position: center; | |
} | |
.login form { | |
padding-bottom: 30px; | |
} | |
.login h1 a { | |
background-image: url('logo.png'); | |
background-size: 200px; | |
height: 85px; | |
width: 200px; | |
} | |
.login label { | |
font-size: 12px; | |
color: #555555; | |
} | |
.login input[type="text"]{ | |
background-color: #ffffff; | |
border-color:#dddddd; | |
} | |
.login input[type="password"]{ | |
background-color: #ffffff; | |
border-color:#dddddd; | |
} | |
.login .button-primary { | |
background-image: linear-gradient(to right, #f5452e, #ef3379, #c052b0, #746dc7, #0179bb); | |
border: 0; | |
border-radius: 0; | |
box-shadow: none; | |
color: #fff; | |
display: inline-block; | |
font-weight: 700; | |
height: auto !important; | |
letter-spacing: 1px; | |
opacity: .8; | |
padding: 7px 50px !important; | |
text-shadow: none; | |
text-transform: uppercase; | |
/*width: 120px;*/ | |
} | |
.login .button-primary:hover, | |
.login .button-primary:focus, | |
.login .button-primary:active { | |
background-image: linear-gradient(to right, #f5452e, #ef3379, #c052b0, #746dc7, #0179bb); | |
border: 0; | |
box-shadow: none; | |
color: #fff; | |
opacity: 1; | |
text-shadow: none; | |
} | |
.login #nav a { | |
color: #FFF; | |
opacity: .5; | |
} | |
.login #nav a:hover, | |
.login #nav a:focus, | |
.login #nav a:active { | |
color: #FFF; | |
opacity: .8; | |
} | |
p#backtoblog { display: none; } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/** | |
* Customize the WordPress login screen | |
*/ | |
function custom_login() { | |
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/libra-login-styles.css" />'; | |
} | |
add_action('login_head', 'custom_login'); | |
function custom_loginlogo_url($url) { | |
return 'https://realjusticepac.org/'; | |
} | |
add_filter( 'login_headerurl', 'custom_loginlogo_url' ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment