Open Script Solution

Today I customized the WordPress logo that appears in wp-admin page with my own logo on one of my websites. I have been using Wp Customized Login plugin for this purpose. After installing and activating the plugin, everything seemed okay, until I found something that annoying me. It was about my own logo did not appear full properly. The image seemed need to be a little too left and stops a little before the right side, since my dimension logo size is 500 pixels (width) x 100 pixels (height). Meanwhile, the recommended logo width by WordPress is about 300 pixels. After reading from the related comments in author’s website, then I found the solution how to overcome my problem based on the comment from the author of this plugin.

Open your /wp-content/plugins/wp-customized-login/custom-login.css file, and find this code:

2

#login h1 a{background:url(logo.png) no-repeat;}

then replace with this following code:

2
3
4
5
6
7
8

#login h1 a{
  background:transparent url(logo.png) no-repeat scroll 0 0;
  display:block;
  height:100px; /* adjust it with your logo's height */
  width:500px; /* adjust it with your logo's width */
  margin-left:-80px;  /* adjust it in order to make your logo centered */
}

You can see the demo result of the modification above from this login page of the following webiste: Visual Basic Indonesia.
Hopefully this is helpful for you.