login form

[[email protected]]

Hi

want to change the login form input button color from white to black…used this in custom.css in Global Styles

.login form .input {
background: rgba(0,0,0,0.15);
color: #000000 !important;
border: none;
font-size: 14px;
padding: 9px;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
}

but changes are not taking place..kindly guide

[Anonymous]

Hey @wrkazigmail , Try adding this to your functions.php file in the Boss child theme

function bb_custom_login() { ?>
    <style type="text/css">
        .login form .input {
                            background: rgba(0,0,0,0.15);
                            color: #000000 !important;
                            border: none;
                            font-size: 14px;
                            padding: 9px;
                            text-align: center;
                            -webkit-box-shadow: none;
                            box-shadow: none;
}
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'bb_custom_login' );

Regards
Varun Dubey

[[email protected]]

thanks varun…but wont it be advisiable to do it via custom.css? Let me know

[Anonymous]

custom css, file do not get included at login page, you will have to include it at login

You can add something like this in child theme functions.php
it will load custom.css at login page as well

function buddyboss_custom_login_stylesheet() {
wp_enqueue_style( 'boss-child-custom', get_stylesheet_directory_uri().'/css/custom.css', false, '1.0.0', 'all' );
}
add_action( 'login_enqueue_scripts', 'buddyboss_custom_login_stylesheet' );

After that all css you will add inside custom.css will also effective at login page

Regards
Varun Dubey

[Tomas Tamayo]

And copying “style-login.css” file to the child teme, and doing there those changes?

I’ve already tried.

why doesn’t it work? I’m would like to know why it just work that way

Thank you for the answer.

Regards.

[Alyssa]

@tomas-tamayogmail the WordPress login page does not call the wp_head function which calls all the CSS files. All CSS is inline for security purposes.

[Tomas Tamayo]

Thanks!! Good to know. 😉

[Alyssa]

Any time