How to Display The Wider Logo in WordPress Login Page using Wp Customized Login Plugin

Masino Sinaga — Sat, 09 Jan 2010 05:10:24 +0000

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:

#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.

Open Script Solution» width

How to Display The Wider Logo in WordPress Login Page using Wp Customized Login Plugin