Distorted Image on WordPress Login Page After Update

You may need to post a link to the site so someone can view the issue and the source code.

you can try smaller logo

The update introduced support for higher-resolution displays in the admin panel, requiring a new attribute “background-size” on the login page logo.

You can fix your custom logo by adding the following line to your theme’s functions.php:

function custom_login_background_size() {
    echo '<style type="text/css">.login h1 a { background-size:auto; }</style>';
}
add_action('login_head', 'custom_login_background_size');

Thanks. Just what I needed.

For me the new CSS rule / attribute is a pain as it causes a lot of plugins that change the login logo to break. Deleting the line only works until an update puts it back.

Re: new CSS rule has been added, a la:

login h1 a { background-size: 274px 63px; }

I have the exact same problem – after the update the image got distorted: https://www.gogo-gringo.com/wp-login.php?action=register

I am also using a plugin that customizes my registration page, which broke after the update. Are you suggesting adding:

login h1 a { background-size: 274px 63px; }

to the CSS in the plugin?

Thanks!

Please post your own topic.

… but it is the same topic. I have a distorted image after the WordPress update. Why would I create another thread about the same thing?

Are you using the same version of WordPress on the same physical server hosted by the same hosts with the same plugins, theme & configurations as the original poster? No? Then post a new topic.