How to replace wp-admin default logo with own custom logo

* paste this code in your function.php file , (by wpdevkit.in)

function wpb_login_logo() { ?>
    <style type="text/css">
#login h1 a, .login h1 a {
    background-image: url(https://wpdevkit.in/wp-content/uploads/2020/06/apple-touch-icon.png);
    height: auto;
    width: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    border: none;
    height: 50px;
    padding: 0px !important;
    background-size: 100% 100%;
        .wp-core-ui .button-primary{
    background: #ff9900 !important;
    border-color: #ff9900 !important;
        .login .button.wp-hide-pw .dashicons {
    	color: #ff9900 !important;
            filter: grayscale(1);
        .login form .input, .login form input[type=checkbox], .login input[type=text] {
    background: #fbfbfb;
    box-shadow: none !important;
    border: 1px solid #d7d7d7;

.login form .input:focus, .login form input[type=checkbox]:focus, .login input[type=text]:focus
            border: 1px solid #ff9900 !important;
            box-shadow: none !important;
        .login #nav {
    margin: 5px 0px;
    text-align: center;
    text-transform: uppercase;
        .login #backtoblog, .login #nav {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px !important;
    padding: 0 0px 0 !important;
    font-weight: 500;
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );


about authors

Sandip Das

Web Developer

Once a legend said “Any fool can write code that a computer can understand. Good programmers write code that humans can understand.” – Martin Fowler.


Leave a Reply

Your email address will not be published. Required fields are marked *