White Label: Small Custom Logo

[lydonassoc]

I have had White Label installed on a couple sites that I manage for a long time. It’s always worked fine, until now. The custom logos have now been reduced to 84px wide.

I can fix that in browser development tools, but I can’t get that to apply when I insert custom CSS into Appearance > Customize > Additional CSS.

Any thoughts on what has happened or how to fix? Thank you!

[Prasant]

Hello Rick,

Thanks for writing in!

Please add following CSS under child theme function.php file:

function my_login_logo() { ?>
    <style type="text/css">
       body.login div#login h1 a {
            width:300px !important;
            height:150px !important;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo', 9999 ); 

Please change the values as per your requirement.

To setup child theme, please refer following resources.

Download Child theme from following source: https://theme.co/apex/child-themes

Please take a look at following article to setup child theme:

Child Themes | Themeco Docs

Best Practices | Themeco Docs

Thanks.

[lydonassoc]

Fantastic. Child theme was already in place. All I had to do was add a “background-size:” attribute to your code in order to scale the logo appropriately. Working great now.

Thanks!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.