How to change wordpress login logo – Customizing wordpress login page

Are you creating an elegant wordpress site for your client and willing to change the wordpress login logo? Changing the default wordpress logo and customizing the login page shows some uniqueness. Especially if you are running a multi author blog then by replacing wordpress login logo with yours adds a brand. Here we will see how to change wordpress login logo that is we show you how to customize the login page completely.

By default in wordpress login screen you will see the wordpress logo above the form and the form looks plain white in color. There are several plugins in which you can easily customize the login page and change the wordpress logo. Here in this tutorial we will see how to change wordpress logo in wp-admin page without using a plugin.

How to change wordpress login logo

There are two simple ways to change the wordpress login logo. One is by replacing the default logo image. Another one is by adding a custom logo image using CSS.

Method 1

Open your wordpress directory using cPanel or FTP. Now open wp-admin/images directory and find out wordpress-logo.png. Note that the default wordpress logo size is 274 X 63. So create a logo image of 274 X 63 in size, name it as wordpress-logo.png and replace with default wordpress logo.

Create your own logo image of any size and name it as wp-admin-logo.png. Now upload the image to wp-admin >> images directory using FTP or cPanel. Now open wp-admin.min.css in wp-admin >> CSS directory. The CSS file is a compressed one and so it looks messy. We are going to modify the wordpress login page using CSS. So to better understand the CSS go to code beautifier and beautify the CSS and paste it in wp-admin.min.css file. Now find out the following line in CSS.

In the above code replace wordpress-logo.png with wp-admin-logo.png. Also change the background-size that you are using for your custom logo. The image does not align properly, to make it look better try changing the values for position, width, height and padding. Once done save changes and preview your wordpress login screen.

Hope this helped you on how to change wordpress login logo. Now we will move on to change the logo link and text attribute in login screen.

How to change wordpress login logo link and text attribute

You have changed the wordpress logo, but when you hover on it you will see powered by wordpress text linking to wordpress.org. To change the wordpress login logo link open wp-login.php file in your wordpress root directory. Now you will see a piece of line like this. Just change the login URL and login title. Once done save wp-login.php file.

Hope this post helped you on how to change wordpress login logo. Also Customizing wordpress login page made simpler with these plugins. Share and leave your comments below. To get more updates subscribe to our RSS feeds.

Free SEO Tools

About Us

Hi, Welcome to blogtimenow.com, a blog and a community based website that mainly focuses on providing quality articles and inspirational stuff constantly to users which is founded on July 2013 by Sureyea. This weblog is dedicated for designers, developers, bloggers, internet marketers, web and computer enthusiasts.