WordPress.org

Forums

HOW to change the Login Button color? (5 posts)

  1. wpaaa
    Member
    Posted 3 years ago #

    I found many plugins, like "Custom Plugin" to allow people to change Login Logo ( in the login form of wp-login.php). However, no one allow me change the "Login" button color (default in in blue color).

    Isn't it, I should edit some .css file, which line?

  2. Digital Raindrops
    Member
    Posted 3 years ago #

    If you mean the /mysite.com/wp-admin/

    Then it is using an image, for all buttons:
    (\wp-admin\css\wp-admin.css)

    input.button-primary,
    button.button-primary,
    a.button-primary {
        background: url("../images/button-grad.png") repeat-x scroll left top #21759B;
        border-color: #298CBA;
        color: #FFFFFF;
        font-weight: bold;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }

    It is not good to edit the core files as each time you upgrade you loose the changes, so I would look at the plugins and see if you can adapt one of them, or just live with the blue!

    The login button has its own class, so you might be able to chage the plugin code.

    .login .button-primary {
    
    }

    HTH

    David

  3. wpaaa
    Member
    Posted 3 years ago #

    THANK ...

    but I can't find the codes U said in wp-admin.css , I'm using WP3.3.

    Anyway thank for your help and suggestion.

    input.button-primary,
    button.button-primary,
    a.button-primary {
    background: url("../images/button-grad.png") repeat-x scroll left top #21759B;
    border-color: #298CBA;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }

  4. ninostar78
    Member
    Posted 2 years ago #

    Can be button changed through advanced settings (CSS) of plugin? I would like to change button and form of login border...

  5. Austin Passy
    Member
    Posted 2 years ago #

    Try my Custom Login plugin in the repo: http://wordpress.org/extend/plugins/custom-login/ There is a CSS code box for custom CSS.

Topic Closed

This topic has been closed to new replies.

About this Topic