Custom text color of username in Login Widgit

One more quick question please –

What should I add to Style.CSS to set the text color of the username in the s2MemberPro Login widget?

Thank you.

• This topic was modified 4 years, 3 months ago by  Charles P..
• This topic was modified 4 years, 3 months ago by  Charles P..

If you’re referring to the label “Username”, then you’d add something like this:

.ws-plugin--s2member-pro-login-widget-username { color: red; }

If you’re referring to the username input box itself, you’d add something like this:

#ws-plugin--s2member-pro-login-widget-username { color: red; }

Raam, it’s the actual user’s personal username that I need to change the color of. Thank you.

Raam,

Where does this line go?

.ws-plugin–s2member-pro-login-widget-username { color: red; }

Thank you.

If you want to change the color of the username that shows up after they’ve logged in, you’ll need to do something like this:

.ws-plugin--s2member-pro-login-widget-profile-summary-name { color: red; }

That should go at the bottom of your theme’s style.css file, probably found in wp-content/themes/your-theme-name/. You should also be able to access that file by simply going to Dashboard -> Appearance -> Editor in WordPress and then selecting the style.css file on the right column.

PERFECT! Thank you Raam.

Glad to help, Charles! :)