Issue with PlaceHolder Text In Login Screen Forms

[Bryce]

My login screen is showing placeholder text in the login form for “Username” and “Password” in white against a very light grey, making it basically invisible.

I posted on the support forum for S2Members (https://wordpress.org/support/topic/placeholder-text-in-custom-login-issues?replies=5#post-8007016), as I’ve customized it through the plugin, but someone mentioned it is a Javascript issue and likely caused by the theme (Boss).

My website is here: https://www.theoneproject.co/wp-login.php

Another user with same issue: http://www.litesbook.com/wp-login.php

Please let me know as soon as possible, as I have frustrated members thinking they need to put in their email to log in. Thanks!

[Anonymous]

Hi @bryceevans, Please add this css code inside your boss theme’s custom css option and replace ‘red’ with your desired color.

.login form input::-webkit-input-placeholder {
  color: red !important;
}

.login form input:-ms-input-placeholder {
  color: red !important;
}

.login form input::-moz-placeholder {
  color: red !important;
}

Regards

[Bryce]

Hi @pallavi – I tried that and it still isn’t working.

[Ihab]

Hello,my site is litesbook.com….I have also problem with register button on login page…When you click on “Register” it goes straight to Members page (front page) not on buddypress registration…

[Anonymous]

Hi @bryceevans and @ihabmesmar

Please add this css to change the color of the text fields

 
div#login form input[type="text"], div#login form input[type="email"], div#login form input[type="password"], div#login form textarea, div#login form select {
    padding: 9px !important;
    background: black !important;

}

If you do not want s2member’s login panel so you can disable it from settings.

Regards

[Bryce]

Hi @pallavi – I tried that and it doesn’t seem to work either.

I do want to keep the S2Member login, it looks great, I just need the “Username” and “Password” fields to show up somewhere.

It seems like something else is overriding it — do you mind checking the compatibility of the theme with S2Member?

[Ihab]

It doesnt work on my website also…it is not css problem…
When you click on “Register” it redirect to Members page (front page) not on buddypress registration…
Also background on mobile repeat and i set up “no-repeat”.
It is some conflict not css problem….

[Bryce]

I found this through S2Member ( http://s2member.com/kb-article/how-can-i-remove-important-from-loginregistration-design/ ), which seemed to unlock some other design elements, but the code provided still doesn’t work.

Is there a way to simply add in additional text to say “Username” and “Password” near those fields? This is a really crucial bug for usability…

[Ihab]

No help for this problem?