How do I change the text font and font colour on the WP

How do I change the text font and font colour on the WP login page?
How can I change the URL of this page to /login?

thanks

  • Predrag Dubajic

    Hey @Rohan Callander,

    Hope you're doing well today :slight_smile:

    Can you please tell me which text you want to show on login page, all of it or just some parts, like input fields, login field title, log in button, etc.

    Is the font you want to use already included within the theme you are using or you are looking to import different font?

    Please advise so we can assist you further with this :slight_smile:

    As for the login url, you could use some of this plugins:
    http://wordpress.org/plugins/rename-wp-login/
    http://wordpress.org/plugins/hc-custom-wp-admin-url/

    Best regards,
    Predrag

  • Rohan Callander

    Thanks :slight_smile:

    I want to text within the box (username, password, remember me) in white.
    The text outside the box ( Register | Lost your password?? Back to EKO MAT KOLLEKTIV) in #10c72e ... current hover colour is fine.

    Font can actually stay for now.

    How do I change the colour of the LOGIN box? Currently I use:

    body.login {
    background-image: url('http://ekomatkollektiv.se/wp-content/uploads/2015/08/Background-Test.png');
    }

    .login form {
    background: none repeat scroll 0 0 #10c72e;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.13);
    }

    .wp-core-ui .button.button-large {
    height: 50px;
    width: 270px;
    line-height: 25px;
    }

  • Predrag Dubajic

    Hey Rohan,

    To use that background image I would go with this CSS code:

    body.login {
        background-image: url('http://ekomatkollektiv.se/wp-content/uploads/2015/08/Background-Test.png');
        background-size: contain;
    }

    And for text color and form background you can use this code:

    .login form {
        background-color: #10C72E; /* form box bg color */
    }
    
    .login label {
        color: #fff; /* username, password, remember me color*/
    }
    
    .login #backtoblog a, .login #nav a {
        color: #10c72e; /* Register | Lost your password */
    }

    Below is the screenshot of how your page should work when you add that code.

    Let me know if this is what you wanted to do.

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.