CSS Help with changing login logo

Hello, I don't want to edit core files so I installed Add Custom CSS plugin.

I want to change the login logo.

Here is the code that I pasted into the admin side css but it didn't work. It works in firefox developer view. What am I missing? (replace mysite)

.login h1 a {
background-image: none, url("http://mysite.org/wp-content/uploads/2015/07/WOT-Logo1-larger.jpg") !important;
background-size: 84px auto;
background-position: center top;
background-repeat: no-repeat;
}

  • Jude

    Howdy Atlanta

    The CSS of this page is not from the site CSS but a special file admin-styles.css. Use a function instead.

    // custom login for theme
    function childtheme_custom_login() {
    echo '<style>
     .login h1 a {
    background-image: none, url("http://wotconnect.org/wp-content/uploads/2015/07/WOT-Logo1-larger.jpg") !important;
    background-size: 84px auto;
    background-position: center top;
    background-repeat: no-repeat;
    }
    </style>';
    }
    
    add_action('login_head', 'childtheme_custom_login');

    Just copy/paste the code into the functions.php file of your child theme or a site specific plugin if you use one.

    You can also use a plugin like Ultimate Branding if you're concerned about editing core.

    https://premium.wpmudev.org/project/ultimate-branding/

    Cheers
    Jude

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.