WordPress.org

Ready to get started?Download WordPress

Forums

WP-Members
[resolved] Customizing appearance? (12 posts)

  1. shorty80
    Member
    Posted 3 years ago #

    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.

  2. lbrown1179
    Member
    Posted 3 years ago #

    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;
    }

  3. lbrown1179
    Member
    Posted 3 years ago #

    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

  4. Chad Butler
    Member
    Plugin Author

    Posted 3 years ago #

    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.

  5. lbrown1179
    Member
    Posted 3 years ago #

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

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

  6. Chad Butler
    Member
    Plugin Author

    Posted 3 years ago #

    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.

  7. lbrown1179
    Member
    Posted 3 years ago #

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

  8. shorty80
    Member
    Posted 3 years ago #

    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!

  9. Chad Butler
    Member
    Plugin Author

    Posted 3 years ago #

    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!

  10. Chad Butler
    Member
    Plugin Author

    Posted 3 years ago #

    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.

  11. andy_wp
    Member
    Posted 2 years ago #

    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/

    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!

  12. andy_wp
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags