Saturday 18 June 2016

How to change WordPress login page WordPress logo to our Logo?

Method 1:-

Upload your logo to following location:
wp-admin/images/

Now open following file:
wp-admin/css/login.min.css

Find following code & change its css:
.login h1 a{
background-image: url(images/w-logo-blue.png?ver=20131202); background-image: none,url(images/wordpress-logo.svg?ver=20131107); -webkit-background-size: 84px; background-size: 84px; background-position: center top; background-repeat: no-repeat; color: #444; height: 84px; font-size: 20px; line-height: 1.3em; margin: 0 auto 25px; padding: 0; text-decoration: none; width: 84px; text-indent: -9999px; outline: 0; display: block;
}


Change this code as following:
.login h1 a{
/* background-image: url(images/w-logo-blue.png?ver=20131202); */ background-image: none,url(images/wordpress-logo.svg?ver=20131107); /* -webkit-background-size: 84px; background-size: 84px; */ background-position: center top; background-repeat: no-repeat; color: #444; height: 84px; /* Here set height as Logo height */ font-size: 20px; line-height: 1.3em; margin: 0 auto 25px; padding: 0; text-decoration: none; /* width: 84px; */ text-indent: -9999px; outline: 0; display: block;
}

wordpress-logo.svg?ver=20131107 will be replace by "Uploaded Logo name".

/* some css text */ Comment like this the css code or remove it.

Method 2:-

First you need to open your theme’s functions.php file and then paste the following code:

function custom_loginlogo() {
echo '';
}
add_action('login_head', 'custom_loginlogo');
?>


For more Interesting, Useful Article & codes visit IT New Code.

Ankit Shah PHP Expert

IT New Code suggest a solution for your problem related to coding, Specially .PHP, Wordpress, WooCommerce, Magento, HTML and CSS. Visit Our website for Information.

1 comments:


  1. Hello,

    we provide affordable and result-oriented SEO services, please give a chance to serve you.


    Thanks
    Admin: E07.net

    ReplyDelete

 

Copyright @ 2016 IT New Code | Developing Code | Designing Code.

Designed by: Ankit Shah