s2Member Widget Font Color

[meiguoacademies]

Hi! I have put my s2Member Pro Widget into my large bottom footer so that the login widget is automatically on every page instead of needing to be put into every sidebar. My bottom footer is blue and some of the font colors of the s2Member widget are gray making the words hard to read. How can I change the font colors in the widget to white so that my users can easily see their information? Thanks so much!

[meiguoacademies]

Now my s2Member Widget has disappeared from my Widget options! What's going on?

[Cristián Lávaque]

I don't know. Could you check if your s2Member Pro add-on is active? WP Admin -> s2Member -> s2Member Pro Info

If not, then you need to re-upload it and check that it got activated, then go to the Widgets page and add it back to the footer.

[meiguoacademies]

Thanks! I see that the plugin disappeared after I did a s2Member update. I will reinstall Pro. What about my question about the font color in the widget?

[Cristián Lávaque]

Ah, you can edit that with CSS.

[meiguoacademies]

Sorry. I'm not a web developer and am trying to figure this out myself. I'm guessing that I edit it in the plugin editor, correct? Which plugin file of s2Member? And which line is for the font? If you give me a general direction, I'm sure I can figure it out. Thanks!

[Cristián Lávaque]

In your theme's CSS file you can add this:

Code: Select all

#ws_plugin__s2member_pro_login_widget-3 {color: #FFFFFF;}

[meiguoacademies]

That didn't work. I tested it a couple of different ways, and the username keeps appearing as grey on my blue footer.

[meiguoacademies]

Could you please help me with this asap? If I can't get the widget the right color, I need to redesign membership on my site and the widget in my footer is the simplest solution. I'm seriously waiting on this answer to fix a couple of capabilities. Thanks!

[Cristián Lávaque]

OK, I was guessing the ID for your widget would be the same as mine. Could you please post the URL to your page so I look at it and see the correct ID?

[meiguoacademies]

www.meiguoacademies.com

[Cristián Lávaque]

I'm sorry, I only have access to the "coming soon" page that says "New Interactive Features Coming Soon!" with a progress bar at 90%.

Could you post a link to a page that has the widget, or maybe email me login info to a test account I can use to access it? http://s2member.com/contact/

[meiguoacademies]

I just sent you your username and password to the above link. I accidentally sent you the wrong username. Please use as username "AdminGuest" instead of what I sent you. Thanks!!! Sorry about that.

[Cristián Lávaque]

Thanks for waiting. I could see the widget now. Try this style:

Code: Select all

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

[meiguoacademies]

Yay! That worked perfectly. It looks so good now! Thanks so much Cristián!!!!

[meiguoacademies]

Cristián, so that fixed the username color, but when a member is not logged in, the words "Username", "Password", and "Remember Me" are all a dark grey color that is hard to read. Any way I can change the color of these words to a lighter color as well? I took my site off of Maintenance Mode so you can see my footer when you're not logged in. Thanks so much!