Login Screen/popup Background

[ultratrak]

How do I change the background color and font color on the login screen. Cannot locate the customization options. Please help. https://prnt.sc/vzhoz8

[Ada]

You can add this custom css code in Appearance > Customize > Custom CSS to change background-color and font-color .

.logged-out #vibe_bp_login .fullscreen_login, #vibe_bp_login ul+ul, .login_popup {
background: #939b9d;
}
.login_popup.medium .login_popup_content h2, .login_popup.elegance .login_popup_content h2 {

color: #252e25;
}

You can give color-code as per your need here. OR you can refer to this video for Login form styling https://www.youtube.com/watch?v=XR0z5yHmeCE

[ultratrak]

This reply has been marked as private.

[Ada]

For this section :https://prnt.sc/vzm4fp Please use below code in custom css

.login_popup{
    background-color:aliceblue;
}
.login_popup .login_popup_content{
     color: #ece0e0 !important; 
}
.login_popup .login_popup_content h2{
    color:white !important;
}
.login_popup .loginform label .forgot_password{
    color:#f7eb56 !important;
}

For this Part - https://prnt.sc/vzmk69 I could not understand why you said to remove so I have provided code for both changing the color as well as removing Use as per your need

.login #login h1 a {
    width:360px !important;
    height:120px !important;

}
/* If you want to remove the register/lost your password section */
.login #login #nav, #backtoblog{
   visibility:hidden !important;
  
}
/*For changing background color*/
.login{
    background-color:#d8d7d7 !important;
}
/* For changing the font color of register|lost you password*/
.login #login #nav a, #backtoblog a{
   color:#5b6060 !important;
  
}

[ultratrak]

This reply has been marked as private.

[Ada]

I provided you the code that should work for this also but if it is not working then Please append this code also at the same location

.login_popup .loginform label {
    color: white;
}
.login_popup .loginform .input {
    background-color:white;
}

[Author]

Posts