plumeria
  • Our Work
  • Services
  • Blog
  • About
  • Contact
  • Support

WordPress Login Logo Squish Fix after 3.4 Update

Posted on June 26, 2012

0
SHARES
ShareTweet

After the recent update to WordPress 3.4, I noticed that the login logo on my sites with custom logos had become squished, and ends up looking like this photo below:

I noticed that the css for the login now contains background-size as a property and this is the likely culprit. To fix we are going to first specify a new background image, then set a height and width (use whichever size your image is) and then next we will set the background-size property.

In the functions.php of your theme, first add this:

[sourcecode language=”php”]add_action("login_head", "my_login_head");[/sourcecode]

This little bit of code will add the next bit of code to our login head.

Next add the following, be sure to replace with the url to your background image.

[sourcecode language=”php”]
function my_login_head() {
echo "
<style type=\"text/css\">
#login h1 a {
background: url(‘https://www.yourdomain.com/images/your-logo.png’) no-repeat !important;
width: 388px !important;
height: 175px !important;
display: block;
background-size: 388px 175px !important;
}
</style>
";
}
[/sourcecode]

Once added, uploaded and test.

1 Comment
john
July 25th 2012, 7:44 am

Worked perfectly. Appreciated!

Reply

Add comment Cancel reply

Recent Posts

  • Hello Halloween iMessage Stickers App

    Hello Halloween iMessage Stickers App

    October 26, 2019
  • Learn How to Use iMessage Stickers

    Learn How to Use iMessage Stickers

    October 25, 2019
  • Hello Autumn iMessage Stickers App Version 2.0

    Hello Autumn iMessage Stickers App Version 2.0

    October 15, 2019
  • Two Unicornz Marketing Materials

    Two Unicornz Marketing Materials

    June 16, 2019
  • Quick Updates on What’s Going on in the World of @plumwd

    Quick Updates on What’s Going on in the World of @plumwd

    June 5, 2019

plumeria

Plumeria Web Design © 2025

P.O Box 412 Jensen Beach, FL 34958

+1 772.405.7072

Contact Us

About the company In business since 2003, Plumeria Web Design is a developer of custom websites and apps. We are headquartered on the beautiful Treasure Coast in Jensen Beach, Fl.