Why won't my custom login page CSS load?

Question

Hoping for some help here as I'm scratching my head. I'm trying to create a custom login page for my site which has gone rather well until I try to add in a custom CSS to make it look pretty. I'm trying to add in the style-login.css file using the following:

// add a custom css file for login page
function nb_login_style(){
    wp_enqueue_style('nublue-login',
            get_stylesheet_directory_uri() . '/style-login.css',
            FALSE,
            NULL,
            all);
    if ( ! has_action( 'login_enqueue_scripts', 'wp_print_styles' ) ){
        add_action( 'login_enqueue_scripts', 'wp_print_styles', 11 );
    }
}
add_action( 'login_enqueue_scripts', 'nb_login_style');

However the style-login.css file is never being inserted into the header of my page.

Any ideas?

Answer 1

Your code works just fine for me, other than small kink that all should be quoted string 'all'. But as far as WP queue is concerned it's valid.

Answer 2

Place the following code in your theme's functions.php:

if ( ! function_exists( 'nb_login_style' ) ) :
    function nb_login_style() {
        wp_enqueue_style( 'nublue-login', get_template_directory_uri() . '/style-login.css' );
    }
    add_action( 'login_enqueue_scripts', 'nb_login_style' );
endif;

Above code was loosely taken from:

https://codex.wordpress.org/Customizing_the_Login_Form#Styling_Your_Login

Also, I have a plugin I created awhile back that sounds like it does exactly what you're trying to do, might be worth taking a look:

https://wordpress.org/plugins/wp-customize/