WordPress.org

Ready to get started?Download WordPress

Forums

WP-Members
[resolved] Styling with CSS (5 posts)

  1. kennywright
    Member
    Posted 3 years ago #

    Anyway to break out of the table format for the registration forms? Or would this be a change to the PHP structure of WP-Members?

  2. Chad Butler
    Member
    Plugin Author

    Posted 3 years ago #

    With 2.5 and all earlier versions, you would need to customize the php, changing it from using a table (assuming you are looking for table-less forms). However, that's not really recommended as it is not scalable for upgrading the plugin (you would lose any customizations with an upgrade and then need to re-do them).

    I have a huge chuck of work done on a table-less registration form and login form. I expect this to be included in 2.5.1 (although, I can't promise it). The user end work is about 80% done. To get it production ready, I need to complete an admin process to manage the use of the CSS-only forms as an option, leaving the other forms in as a legacy piece so that upgraders don't get upgraded out of compatibility with their existing site. The new process with have significantly more advanced CSS options available and will give CSS savvy users a LOT more flexibility with integrating the forms into their site.

    It's not an immediate fix for you, but it will be coming soon.

  3. kennywright
    Member
    Posted 3 years ago #

    That's great to know that there are plans for table-less registration forms! I'll just be patient for now and not worry too much about messing with the styling on my site. I think that giving CSS savvy users the option to style without tables, though, will be a huge boon.

    Thanks for replying (I'm trying out your other fix, too, for custom fields).

  4. plus4dBu
    Member
    Posted 3 years ago #

    First off. great plug-in! thank you.

    How would I customize the registration form so that I can put a little more space/breaks between the sections for Existing Users Login (username, password, forget password, etc.) and the New Users registrations sections (choose username, first, last, etc., etc.)?

  5. Chad Butler
    Member
    Plugin Author

    Posted 3 years ago #

    Well, as I mentioned above, the upcoming release of 2.5.1 will have WAY more CSS control - table-less forms, the ability to load a custom stylesheet for the plugin, etc. Users who have put some effort into the old, table-based forms using CSS will be able to continue using the old forms as the upgrade will default to the legacy forms. The new forms will be a changeable setting in the plugin admin panel and new installs will default to them.

    That being said, if you want to put the effort in now, there are some classes and ids wrapping the forms (and the dialog messages). Here is some sample CSS to give some ideas:

    .wpmem_reg input, .wpmem_reg table, .wpmem_login input, .wpmem_login table {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        font-size:14px;
    }
    
    .wpmem_reg input, .wpmem_login input{
        border-color:#FF0000;
    }
    
    .wpmem_reg td, .wpmem_login td {
        padding: 8px;
    }
    
    .wpmem_msg {
        margin: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        border: 1px blue solid;
        background-color:#EBEBEB;
    }
    
    #wpmem_msg {
        margin: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        border: 1px blue solid;
        background-color:#EBEBEB;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic