Use code AMH2025 on Noon or Namshi for 10 SAR cashback. Copy Code

Cashback: 10 SAR. T&Cs apply. Offer All time

How to Changing WordPress Login Logo and URL without Plugin

This method allows you to manually replace the WordPress logo on the login screen with your own custom logo.

First, you need to upload your custom logo to the media library. Simply go to Media -> Add New -> Drop File to upload your custom logo.



Once you have uploaded the image, click the logo (IMG) & where you need to copy the file URL and paste it somewhere convenient, such as a blank text file on your computer.



Next, you need to add the following code snippet to your theme’s functions.php file


/*----login logo Ching ------*/
function wpb_login_logo() { ?>
    <style type="text/css">
       #login h1 a, .login h1 a {
       background-image: url(https://alreemprintingpress.com/wp-content/uploads/2020/03/Reem-Logo_Logo.svg); //--Change url--//
       height:100px;
       width:300px;
       background-size: 300px 100px;
       background-repeat: no-repeat;
       }
.login form {
    border: none;
    border-radius: 12px;
    color: #005AA9;
}

/*----- Chinge Button Full Width----- */

.wp-core-ui .button.button-large {
    width: 100%;
    background-color: red;
    border: none;
    margin-top: 10px;
}

    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

/*-----Replace Logo Home page URL link -----*/

function login_page_URL( $url ) {
 $url = home_url( '/' );
 return $url;
}
add_filter( 'login_headerurl', 'login_page_URL' );

Post a Comment

Previous Post Next Post

Ads DIVI

Ads Hostinger

🎉 Get 20% OFF + Fast & Secure Hosting with Hostinger Claim Your 20% Discount