Cannot changing login button color, have tried theme, plugins… is it GoDaddy managed?

I have added this code into my theme Customization and also Simple Custom CSS plugin

.wp-core-ui #login .button-primary {
  background: #7e0001 !important; 
  background-image: none !important;
  border-color: #7e0001; 
}

For the life of me I cannot that code override the ‘default blue’ of the WordPress login button. The only plugin that works is “Login Press” which seems to use the exact same CSS as me, but somehow WordPress pays attention to it and not my theme CSS. I don’t need to style the whole thing I just want to colorize the damn button.

Is it me? Is it GoDaddy WordPress Managed hosting?

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

The login page doesn’t load your theme’s stylesheet.

If you want to include extra CSS on your login page then you should hook login_enqueue_scripts and write out an extra <style> tag there, or include another CSS file (or even your theme’s full CSS file if you want to).

You could also use login_head, and there’s an example of including another CSS file in the login_head documentation, but it sounds like login_enqueue_scripts is more correct.

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0