Title: [Plugin: WP-Members] Customizing appearance?
Last modified: August 19, 2016

---

# [Plugin: WP-Members] Customizing appearance?

 *  Resolved [shorty80](https://wordpress.org/support/users/shorty80/)
 * (@shorty80)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/)
 * How exactly do you control the CSS for the login / registration tables? I see
   there are ID’s for them, I tried to write some CSS rules, but nothing changed.
   Could someone explain what I am supposed to do exactly? I have some CSS knowledge
   but I’m fairly beginner to WordPress and coding. Thanks in advance.

Viewing 11 replies - 1 through 11 (of 11 total)

 *  [lbrown1179](https://wordpress.org/support/users/lbrown1179/)
 * (@lbrown1179)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892751)
 * 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; }
 *  [lbrown1179](https://wordpress.org/support/users/lbrown1179/)
 * (@lbrown1179)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892752)
 * 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
 *  Plugin Author [Chad Butler](https://wordpress.org/support/users/cbutlerjr/)
 * (@cbutlerjr)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892753)
 * 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.
 *  [lbrown1179](https://wordpress.org/support/users/lbrown1179/)
 * (@lbrown1179)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892754)
 * That did help, thanks! It modified the form page: [http://www.spiritworksfoundation.org/members-area/resources/](http://www.spiritworksfoundation.org/members-area/resources/)
 * But the sidebar widget remains untouched. How can I style the log-in widget?
 *  Plugin Author [Chad Butler](https://wordpress.org/support/users/cbutlerjr/)
 * (@cbutlerjr)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892755)
 * 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.
 *  [lbrown1179](https://wordpress.org/support/users/lbrown1179/)
 * (@lbrown1179)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892756)
 * Very helpful. Thanks for your clear instruction. This will come in handy with
   other widgets, too.
 *  Thread Starter [shorty80](https://wordpress.org/support/users/shorty80/)
 * (@shorty80)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892757)
 * 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!
 *  Plugin Author [Chad Butler](https://wordpress.org/support/users/cbutlerjr/)
 * (@cbutlerjr)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892758)
 * 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!
 *  Plugin Author [Chad Butler](https://wordpress.org/support/users/cbutlerjr/)
 * (@cbutlerjr)
 * [14 years, 12 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892834)
 * 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.
 *  [andy_wp](https://wordpress.org/support/users/andy_wp/)
 * (@andy_wp)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892885)
 * 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:
 * [http://www.ambition-tuition.com/register/](http://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!
 *  [andy_wp](https://wordpress.org/support/users/andy_wp/)
 * (@andy_wp)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892886)
 * 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

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘[Plugin: WP-Members] Customizing appearance?’ is closed to new replies.

 * ![](https://ps.w.org/wp-members/assets/icon-256x256.png?rev=1226414)
 * [WP-Members Membership Plugin](https://wordpress.org/plugins/wp-members/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-members/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-members/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-members/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-members/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-members/reviews/)

 * 11 replies
 * 4 participants
 * Last reply from: [andy_wp](https://wordpress.org/support/users/andy_wp/)
 * Last activity: [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-members-customizing-appearance/#post-1892886)
 * Status: resolved