Home › Forums › Legacy Support › Support queries › Styling issues › style bb single login
Tagged: login screen css colors
- This topic has 11 replies, 2 voices, and was last updated 3 years ago by Ada.
Viewing 12 posts - 1 through 12 (of 12 total)
-
AuthorPosts
-
March 7, 2021 at 4:45 pm #344422plp-pilySpectatorHi y'all, could you please help with the login screen colors? This is what I found so far, but it lacks the color of the button icon and text:
I'd like to alter "Login with email" into just login and with the color #e1f5f4 Would there also be a way to style this a little better. I'd like to set a background image. Thanks for your help..login_popup .loginform label .forgot_password{ color:#574b3f !important; } #login #loginform input{ color:#574b3f !important; background-color:#e1f5f4 !important;; } .icon .vicon .vicon-email .button .is-primary{ color:#574b3f !important; background-color:#e1f5f4 !important;; } .logged-out #vibe_bp_login .fullscreen_login, #vibe_bp_login ul+ul, .login_popup { background: #574b3f ; } .login_popup.medium .login_popup_content h2, .login_popup.elegance .login_popup_content h2 { color: #e1f5f4; }
March 7, 2021 at 6:01 pm #344426plp-pilySpectatorPS.: On the next screen the black labels are disturbing: https://prnt.sc/10fgbcb I tried.control{color: #e1f5f4; }
without success.March 7, 2021 at 11:02 pm #344431plp-pilySpectatorThis reply has been marked as private.March 8, 2021 at 5:17 am #344445AdaParticipantHi, To change the login with email button color you can use this custom css in appearance>> customize>> custom css. Adjust color code as per your need.
And to change the text to just login you need to use translation plugin like loco translate and there from vibebp plugin translate "Login with email" string to "login".#vibebp_login_wrapper .login_popup.medium a.button.is-primary { background:#a8d9d7 !important; } #vibebp_login_wrapper .login_popup.medium a.button.is-primary span{ color:grey !important; }
March 8, 2021 at 11:19 am #344543plp-pilySpectatorThanks for this Ada. Worked great! Would there also be a way to style this a little better? I’d like to set a background image. On the next screen the black labels are disturbing: https://prnt.sc/10fgbcb I tried.control{color: #e1f5f4; }
...without success. Thanks for your help.March 8, 2021 at 12:03 pm #344563AdaParticipantHi, Yes you can add background-image here. Use this css for colors and background image modification. Adjust color code as per your need..login_popup.medium { background-image:url(http://localhost/wplms-1/wordpress/wp-content/uploads/2021/03/pexels-photo-92331-768x512-1.jpeg) !important; height:auto !important; width:auto !important background-position: center; background-repeat: no-repeat; background-size: cover; } .login_popup.medium .login_popup_content h2{ color:#363e45 !important; } .login_popup.medium .login_popup_content p{ color:#363e45 !important; } .login_popup.medium .loginform .control label strong{ color:#3e39398923 !important; } #vibebp_login_wrapper .login_popup.medium a.button.is-primary{ color:grey !important; }
March 8, 2021 at 6:49 pm #344641plp-pilySpectatorExcellent! On the following site is a missing class that I can't find.... One Color at the login site here: https://prnt.sc/10gbuct I guess this ticket is sorted when I'm able to change this last bit. ;-) Thanks a lot!March 9, 2021 at 9:18 am #344747AdaParticipantHi, Use this css code for this https://prnt.sc/10gbuct#vibebp_login_wrapper .login_popup_content .loginform .checkbox.error { color:white !important; border-color:white !important; } #vibebp_login_wrapper .login_popup_content .loginform .checkbox.error label:before { border-color:white !important; } #vibebp_login_wrapper .loginform .error{ color:white !important; }
March 9, 2021 at 10:09 am #344760plp-pilySpectatorThanks ADA, what would be the class for the t&c link please? https://prnt.sc/10gxudmMarch 9, 2021 at 10:55 am #344774AdaParticipantThis code will work
Please confirm can we close this topic?#vibebp_login_wrapper .login_popup_content .loginform .checkbox.error a { color:white !important; border-color:white !important; }
March 9, 2021 at 11:11 am #344776plp-pilySpectatorPerfect ADA, thanks a lot! Problem solved, ticket can be closed!March 9, 2021 at 11:20 am #344781AdaParticipantThankyou for appreciation. :) Closing. -
AuthorPosts
Viewing 12 posts - 1 through 12 (of 12 total)
- The topic ‘style bb single login’ is closed to new replies.