WordPress (WP) Custom Designed Login Logo gets truncated or cropped after WordPress is updated to 3.8+

It seems custom designed logo of login form gets cropped or truncated if you updated your WordPress installation to 3.8 or later.

Just for background & history of WordPress login form Logo was something like rectangular in shape as shown below:

Orginal WordPress Login Logo

My custom design of my Studio’s logo was right fit & was working fine as shown below:

WordPress Custom Login Logo Fix - Correct Custom Logo after code update

But when WordPress updated their codebase to version 3.8 it had look of round or circular jewel, As shown below:

WordPress Custom Login Logo Fix - Round 3.8

& that created panic in WordPress community as all custom logos got cropped or truncated by circular mask which was something looking like this:

WordPress Custom Login Logo Fix - Error Truncated & Cropped Custom Logo after 3.8 Update

But I later found the fix for this by just updating custom login logo code in functions.php to this:


function mas_custom_login_logo() {
    echo '<style type="text/css">
       #login h1 a { background-image:url('.get_bloginfo('stylesheet_directory').'/images/wp-mas-logo.png) !important; background-size: 300px 75px !important; height: 75px !important; width: 300px !important; }

add_action('login_head', 'mas_custom_login_logo');

Note: change width & height desired numbers & also change path of image url & image name.

Again after the update everything was working fine with expected & correct result

WordPress Custom Login Logo Fix - Correct Custom Logo after code update

Hope above code will help you to get same result you expect & we intended.

Thanks & Regards
Mandar Apte

Published by Mandar Apte

Mandar is a Mumbai-based multi-disciplinary designer with UX/UI, Logo, Symbol, and Brand Identity design expertise. He currently runs his Mudrkashar Linguistic Apple iPhone, iPad, and Mac app business in the heart of Mumbai city.

Leave a comment

Leave a Reply