Replace SayPro WordPress Login

To replace the WordPress login page with a custom SayPro-branded login, you have two main options:

---

✅ Option 1: Custom Code (Manual Way)

This allows you to replace the WordPress logo, change background colors, update links, and fully brand the login page for SayPro.

🔧 Step-by-Step with Code

1. Open your theme’s functions.php file
   Go to: Appearance > Theme File Editor > functions.php
2. Add the following code:

// Replace the login logo with SayPro branding
function saypro_custom_login_logo() {
    ?>
    
        body.login {
            background-color: #f5f5f5; /* Custom background color */
        }

        body.login div#login h1 a {
            background-image: url('/images/saypro-logo.png');
            background-size: contain;
            width: 100%;
            height: 100px;
        }

        .login form {
            border: 1px solid #ddd;
            box-shadow: 0 0 5px rgba(0,0,0,0.1);
        }

        .login #backtoblog a, .login #nav a {
            color: #0073aa !important;
        }
    
    <?php
}
add_action('login_enqueue_scripts', 'saypro_custom_login_logo');

// Change login logo link
function saypro_login_logo_url() {
    return home_url(); // or your company URL
}
add_filter('login_headerurl', 'saypro_login_logo_url');

// Change login logo title (hover text)
function saypro_login_logo_url_title() {
    return 'Welcome to SayPro';
}
add_filter('login_headertext', 'saypro_login_logo_url_title');

3. Upload Your Logo

• Go to: /wp-content/themes/your-theme/images/
• Upload your logo image as saypro-logo.png (recommended: 320x80px)

---

✅ Option 2: Use a Plugin (No Coding)

🔧 Recommended Plugin: LoginPress

1. Go to Plugins > Add New
2. Search for LoginPress
3. Click Install and Activate
4. Go to LoginPress > Customizer
5. Customize:
   • Logo (SayPro logo)
   • Background
   • Button styles
   • Redirects
   • Error messages

This is a fast and visual way to brand the entire login page professionally.

---

✅ Option 3: Redirect to a Custom Login Page

If you want to completely replace the WordPress login URL, use:

• WPS Hide Login: Changes the default /wp-login.php URL
• Theme My Login: Creates a front-end login page

---

✅ Final Tip:

After setup, test your login page at /wp-login.php or your custom URL to make sure it shows the SayPro branding and functions properly.

---

Would you like me to generate a downloadable code snippet or custom plugin for your SayPro login branding?