How to Change Default Logo on WP Login Form

Home
/
Blog
/
WP Tasks
/
How to Change Default Logo on WP Login Form

PressTigers

How to Change Default Logo on WP Login Form

December 17, 2015
Leave a comment

When a theme is being developed for a particular website, one of your expectations might be like some type of your company’s branding in WordPress admin panel. By default, WordPress logo is being displayed at the top of wp login form.

You can simply replace it with your Theme or company logo. The new logo’s maximum width should be “320 pixels” and you have to place it in your Theme‘s “images” folder.

After that, you need to set “a” tag and width 100 percent. Also you need to set height according to the width. Following is the code snippet:

// WP login page logo
function pt_login_logo() {
    echo '<style type="text/css">.login h1 a { background: url('.get_template_directory_uri() .'/images/your_logo.png) 50% 50% no-repeat !important; width:100%;height:100px;}</style>';
}
add_action('login_head', 'pt_login_logo');

// WP login page logo

function pt_login_logo() {

echo '<style type="text/css">.login h1 a { background: url('.get_template_directory_uri() .'/images/your_logo.png) 50% 50% no-repeat !important; width:100%;height:100px;}</style>';

}

add_action('login_head', 'pt_login_logo');

2 thoughts on “How to Change Default Logo on WP Login Form”

BethanyHamblin0 says:

December 21, 2015 at 11:05 pm

Hi there! I just wanted to ask if you ever have any problems with hackers? My last blog (wordpress) was hacked and I ended up losing several weeks of hard work due to no data backup. Do you have any solutions to stop hackers?