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; } input[type=checkbox]:checked::before { 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; outline:none; } .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; } </style> <?php } add_action( 'login_enqueue_scripts', 'wpb_login_logo' );
POST COMMENTS