Adjusting the height for a logo on wp-login.php (2 posts)

  1. xduane
    Posted 10 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...
    ...but I know there's a better way to do it in css. Any suggestions? Thanks!

  2. donzola
    Posted 10 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.

About this Topic