Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Need help changing the Username and Password text color

Topic-icon Need help changing the Username and Password text color

Active Subscriptions:

None
12 years 10 months ago #35263 by chrmat1
you can go here and when you go login I have a blue background for the text input but I can't change the text that exists there that is a light grey. I want to change it to white. The input is white but I want the existing text to be white.

I super appreciate your help.

thanks.
The topic has been locked.
Support Specialist
12 years 10 months ago #35276 by alzander
I've never had to change placeholder text before, so I had to look it up as well. The best solution I found was the CSS in the answer below:
stackoverflow.com/questions/2610497/chan...older-color-with-css

Basically, you'd need to add the following to your CSS:
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
That will change all placeholder text. If you want to target just the SCLogin module, let me know and we can help you with that.

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 10 months ago #35277 by chrmat1
you know what's funny I hate IE to work with and that text was the only one that was changed. LMAO... Im like wow one thing you did right in your life that chrome didn't

Yes I would like to target only this module for now. I super appreciate your help and response on this.
The topic has been locked.
Support Specialist
12 years 10 months ago #35289 by alzander
To target the placeholder's in just the SCLogin module, you need to update the code above with the .sclogin class, like:
.sclogin :-ms-input-placeholder {
Just add that before each line and it should work. If you didn't see a change in the other browsers, make sure you cleared the caches in the browser to ensure you're CSS change was loaded.

Keep us posted on how that goes,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 10 months ago #35318 by chrmat1
that worked perfectly. thank you.... key word being placeholder. lol
The topic has been locked.
Support Specialist
12 years 10 months ago #35331 by alzander
Awesome! Glad to hear we could help. Should you need anything else, as always, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 9 months ago #35707 by chrmat1
is this class broken because now it doesn't work
The topic has been locked.
Active Subscriptions:

None
12 years 9 months ago #35708 by chrmat1
is this class broken because now it doesn't work any longer
The topic has been locked.
Support Specialist
12 years 9 months ago #35721 by alzander
Nothing should have changed with that class. We still wrap the SCLogin module output with the 'sclogin' class name which you can target with the CSS I provided above to alter the placeholder text.

If that doesn't help, can you let me know what is, or isn't, happening?

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Need help changing the Username and Password text color
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS