How to add a stylesheet to your WordPress Login screen

Adding a stylesheet to your wp-login.php screen gives you a great amount of customizability. Styling your login screen right can give your users the ability to log in without feeling as if they have left your website’s frontend.

Copy and paste the snippet below in your child themes functions.php file.

Enqueing a stylesheet on the WordPress Login screen.

function toast_custom_login_stylesheet() {
wp_enqueue_style( ‘custom_login_styling’, get_stylesheet_directory_uri() . ‘/style-login.css’ );
}

//This loads the function above on the login page
add_action( ‘login_enqueue_scripts’, ‘toast_custom_login_stylesheet’ );

Once you have inserted the snippet into your child themes functions.php file you’ll just need to add the style-login.css file to your child themes directory which you can do via FTP or Hosting.

Menu