title: How to customise the background of Wordpress login page?
body: <blockquote>
    <p>Intended Results: Add a custom css to customize the Wordpress login page background.</p>
  </blockquote>
  
  <p><strong>Steps Taken:</strong> </p>
  
  <p>Created a new folder in my theme folder called Login. In this, made a new custom css file called custom-login-style.css.  </p>
  
  <p>Added a code to the functions.php, that tells Wordpress to load the custom-login-style.css found in the Login folder.  </p>
  
  <pre><code>function my_custom_login()
  {
  echo '&lt;link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/custom-login-style.css" /&gt;';
  }
  add_action('login_head', 'my_custom_login');
  </code></pre>
  
  <p>The CSS is working fine but has only customized the login form.</p>
  
  <blockquote>
    <p>Issue: I am not able to customize the background of the login page.</p>
  </blockquote>
  
  <p>For the page background I have added the following css</p>
  
  <pre><code>body.login {
    background: linear-gradient(0deg, #0b4182 1%, #1e88e5 100%) fixed;
   }
  
  body, html {
    background: linear-gradient(0deg, #0b4182 1%, #1e88e5 100%) fixed;
  }
  </code></pre>
  
  <p>CSS for the background is not working but the css meant for the login form is working</p>