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”:wink: !important;

background-size: 84px auto;

background-position: center top;

background-repeat: no-repeat;

}

  • Jude
    • DEV MAN

    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.