Is there a filter or something that would remove: html,body {height:100%;} declaration in the login page? I have made a custom login page and the html, body {height: 100%;} is conflicting in my style. Wordpress loads the html,body {height:100%;} declaration from wp-admin/css/wp-admin.css and I would like to keep the wp-admin.css file intact. I cannot override the function with height: auto;

If there is a better way of doing it please tell me :)

Update 25.07.2013

html,body {height:auto;} Will not work somehow I have to remove it completely.


First, you know you misspelled "height", right?

To override css, you can use the "!important" operator. So you'd use:

html,body{height: auto !important;} 

Also, you are doing something like this in your functions.php, right?

function changeLoginCSS() { ?>
    <style type="text/css">
        html,body{height: auto !important;} 
<?php }
add_action( 'login_enqueue_scripts', 'changeLoginCSS' );
  • ooh lol yeah sorry about the misspelling. In my css its height :). But the problem is that auto will not work. I have to somehow remove it completely :/ – Pullapooh Jul 24 '13 at 23:07
  • What exactly are you trying to do? Can you send a link or screenshot? – David Kryzaniak Jul 24 '13 at 23:23
  • Example imagehtml,body {height:100%;} is creating the white block at the bottom Live web site Resize the window smaller – Pullapooh Jul 24 '13 at 23:44
  • In login-styles.css, "body.login" needs to be changed to "html" – David Kryzaniak Jul 25 '13 at 2:28
  • thanks that did the trick: 1 change body.login to html and add one line body.login{background: transparent;} – Pullapooh Jul 25 '13 at 10:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.