WordPress.org

1. xduane
   Member
   Posted 4 years ago #

   I know there are a number of other threads that discuss how to change the logo found on wp-login.php, and I know that the edits need to be made in that file, wp-admin.css or by replacing wp-small.png, but what I can't figure out for the life of me is the best way adjust the height of the area where the logo is displayed.

   I need to replace the WordPress logo with that of one of my clients, and it is a good bit taller than the WP logo (and doesn't scale down well). Simply replacing the graphic will cut off the image at the height of the WP logo.

   <h1><a href="http://wordpress.org/">WordPress</a></h1>

   I got it working for the time being by replacing the text "WordPress" with some non-breaking spaces...
   &nbsp;<br>&nbsp;<br>&nbsp;
   ...but I know there's a better way to do it in css. Any suggestions? Thanks!

2. donzola
   Member
   Posted 3 years ago #

   In wp-admin/wp-admin.css you can set the the background image of the login's h1 to be the new company's logo (e.g. "new_logo_300x100.gif").

   
#login h1 {
background: url("images/new_logo_300x100.gif") no-repeat top left;
margin-top: 0;
}


   Set the height in the next css block (#login h1 a). Replace 66px with the new image's height (e.g. "100px").
   
#login h1 a {
display: block;
text-indent: -1000px;
height: 100px;
border-bottom: none;
}


Topic Closed

This topic has been closed to new replies.