Skip to content

Instantly share code, notes, and snippets.

@bagerathan
Created July 29, 2020 04:46
Show Gist options
  • Save bagerathan/c4ed302f32cbb12e03724492b0538e1b to your computer and use it in GitHub Desktop.
Save bagerathan/c4ed302f32cbb12e03724492b0538e1b to your computer and use it in GitHub Desktop.
Customize WordPress login page
function oo_custom_login_logo() {
?>
<style type="text/css">
body.login{
background: #1D1D1D;
}
body.login p#backtoblog{
display: none;
}
body.login p#nav a,
body.login label,
body.login .button-secondary{
color: #0e94ad;
}
body.login .button-secondary:hover{
color: #000;
}
body.login form{
background: transparent;
border: none;
box-shadow: none;
}
body.login .button-primary{
border: none;
background: #0e94ad;
}
body.login .button-primary:hover{
background: #000;
}
body.login input[type="email"]:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus{
border-color: #0e94ad;
box-shadow: 0 0 0 1px #0e94ad;
}
body.login div#login h1 a {
background-image: url(<?php echo get_template_directory_uri(); ?>/assets/images/logo.svg);
padding: 0;
width: 260px;
height: 58px;
background-size: cover;
}
</style>
<?php
}
add_action( 'login_enqueue_scripts', 'oo_custom_login_logo' );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment