[Plugin: WP-Members] Customizing appearance?

I’m having a similar problem. I wrote this CSS, but nothing changed on my WP-Members page:

#wpmem_login {
background: #3F99B1;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 2px 1px 2px;
border: 1px solid #3F99B1;
}

#wpmem_reg {
background: #3F99B1;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 2px 1px 2px;
border: 1px solid #3F99B1;
}

P.S. I modeled this CSS on the “Search” button on my site that I would like the Login, Submit, and Clear Form buttons to look like. -Laurie

The CSS specifications for the login and the registration form are classes, not IDs. Change #wpmem_reg and #wpmem_login to .wpmem_reg and .wpmem_login and you should see the results.

(NOTE: there also is a specification for dialog message which IS an ID, #wpmem_msg)

Hope that helps.

That did help, thanks! It modified the form page: https://www.spiritworksfoundation.org/members-area/resources/

But the sidebar widget remains untouched. How can I style the log-in widget?

Glad that helped. Hopefully, this will, too.

The sidebar widget is designed to work in concert with the way other widgets are handled. Widgets receive a class from WP called “widget” and are then given an additional class of “widget_name-of-widget”. So in this case, it gets the additional class of “widget_wpmemwidget”.

You have a couple options here. Anything you define in the class widget (.widget) should inherit across all widgets (good for things such as fonts, etc). Anything in the class specific to that widget (in this case class widget_wpmemwidget) will be specific to that widget.

Very helpful. Thanks for your clear instruction. This will come in handy with other widgets, too.

Thanks so much. The plugin faq was misleading because it says

Can I customize the way the login and registration forms look?
Yes! There are three IDs available for customized CSS specifications – wpmem_login, wpmem_reg, and wpmem_msg.

So I thought they were divs with IDs, never even thought of them being classes.

Thanks again!

Thanks shorty – yes, I caught that too when I went back and looked. It is a mistake. I think I actually intended to use IDs, since there really should only be one instance of each of these on a given page, but somewhere that actually ended up as one ID and two classes.

I will update the FAQs with the next update, and if there is a change in the future to make these all IDs, it will be noted in the upgrade notes.

thanks!

An update to this is that in the 2.5 series I have added not only table-less forms (with a choice to continue using the legacy table-based forms), but also the ability to load a completely custom stylesheet. That should make things easier to customize and integrate.

Hi Chad Butler,

After using the latest version of wp-member plugin, in my register page, i got a messy table.
Please go to this website:

https://www.ambition-tuition.com/register/

You will see what it is like as I cannot post screen shot in this post. Please advice how I can make it nice in look and put everything in order.
Thanks in advance!

Hi Chad Butler,

Another problem is that the dialogue box “You must enter a valid email address” alway pops out even though my email address is of course valid.

Please help!
Thanks a lot