transparency on login form :ok. On registration form : ko

  • mand01

    (@mand01)


    1 year, 2 months ago

    Hi,
    I’m using wp’s default login form. I customized it (without plugin) so that it has transparency. It works very well on the login form but the registration form is totally opaque: transparency is not applied.

    

function blhi_login_css() {
echo '<style type="text/css">
.login label {
color: #000;
display: block;
margin-bottom: 1em;
font-weight: bold;
}
.login form {
border-radius: 7px;
border:#ffff;
}
#login #loginform {
background-color: rgba(255,255,255,0.1);
}
.login form .input {
font-weight: normal;
}
.login #backtoblog a, .login #nav a {
padding: 3px 8px;
border-radius:5px;
}
.wp-core-ui .button-primary {
background: #cddc39;
border: #cddc39;
}
.login #login #backtoblog { 
 display: none;
}
</style>';
}
add_action('login_head', 'blhi_login_css');

    How to proceed to have this transparency?

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Shamil Shafeev

    (@shsham)

    1 year, 2 months ago

    @mand01

    Hi!
    If I understood the question correctly, then you need to add a property 

    background: none;

    for attribute .login form

    Final version

    function blhi_login_css() {
    echo '<style type="text/css">
.login label {
color: #000;
display: block;
margin-bottom: 1em;
font-weight: bold;
}
.login form {
border-radius: 7px;
border:#ffff;
background: none;
}
#login #loginform {
background-color: rgba(255,255,255,0.1);
}
.login form .input {
font-weight: normal;
}
.login #backtoblog a, .login #nav a {
padding: 3px 8px;
border-radius:5px;
}
.wp-core-ui .button-primary {
background: #cddc39;
border: #cddc39;
}
.login #login #backtoblog { 
 display: none;
}
</style>';
}
add_action('login_head', 'blhi_login_css');
    Thread Starter mand01

    (@mand01)

    1 year, 2 months ago

    Hi Shamil,
    Yes, you understood perfectly and I applied your added code. That’s very good, thank you.
    However, isn’t there a way not to make the registration form completely disappear and leave it a little opacity ?

    • This reply was modified 1 year, 2 months ago by mand01.
    Shamil Shafeev

    (@shsham)

    1 year, 2 months ago

    #login #loginform, #login #registerform {
background-color: rgba(255,255,255,0.1);
}
    Thread Starter mand01

    (@mand01)

    1 year, 2 months ago

    Hi Shamil,

    The proposed solutions work great!
    Thank you very much for your help 🙂

    Just one last thing: how to customize (also with transparency) the “register on this site” on the wP form?

    • This reply was modified 1 year, 2 months ago by mand01.
    Shamil Shafeev

    (@shsham)

    1 year, 2 months ago

    #login #loginform, #login #registerform, #login .message {
background-color: rgba(255,255,255,0.1);
}

    something like this

    Thread Starter mand01

    (@mand01)

    1 year, 2 months ago

    Excellent.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘transparency on login form :ok. On registration form : ko’ is closed to new replies.