//add into function.php function my_loginlogo() { echo '<style type="text/css"> h1 a { background-image: url(' . get_template_directory_uri() . '/assets/images/logo.svg) !important; } </style>'; } add_action('login_head', 'my_loginlogo'); function the_dramatist_custom_login_css() { echo '<style type="text/css"> .login h1 a{ background-size: contain; width: 100%!important;height: 85px;} #login{border: 1px solid #000;padding: 30px;margin-top: 5%;border-radius: 10px; background: #fff!important;} body.wp-core-ui{background: url(https://i.pinimg.com/originals/f6/4c/59/f64c59febd4dca0c078b8f7b3e0a4553.jpg);background-repeat: no-repeat;background-size: cover;background-position: center right;} .login form {border: 0px;padding: 2px;} .login #nav{padding-left: 0px;} .login #backtoblog{padding-left: 0px;} </style>'; } add_action('login_head', 'the_dramatist_custom_login_css');
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter