WordPress.org

Ready to get started?Download WordPress

Forums

Register Plus Redux
[resolved] CSS - Layout (10 posts)

  1. eximax
    Member
    Posted 1 year ago #

    Hi,

    Great plugin! Nice work...

    Is it possible to make the layout in more columns?
    So it wont show as long form but via css styling wider?

    http://wordpress.org/extend/plugins/register-plus-redux/

  2. Carol
    Member
    Posted 1 year ago #

    Have you tried using the plugin: WP Custom Login?
    It works fine for me. ;)

    http://wordpress.org/extend/plugins/wp-custom-login/

  3. Carol
    Member
    Posted 1 year ago #

    ... {double post - sorry}

  4. CDadmin1
    Member
    Posted 1 year ago #

    I too have interest in adding columns, particularly to the disclaimer, license agreement and privacy policy sections.

  5. radiok
    Member
    Plugin Author

    Posted 1 year ago #

    Each element is contained in a paragraph element, you could change the width of the form, then float some of the paragraphs left. It's a bit advanced, but 100% doable. The real problem is that the two "original" fields, username and password are not contained within named paragraph elements, so they are just about always going to be stacked. This discussion has lead me to try and use jQuery to add an ID to these paragraphs. I'm not sure if that's possible and still have CSS applied, but I'll give it a try.

  6. eximax
    Member
    Posted 1 year ago #

    Thanks for al your replies, I am diving into it...

  7. radiok
    Member
    Plugin Author

    Posted 1 year ago #

    OK, I don't know how things are going for you eximax, but with the latest version of Redux I have used jQuery to add ID's to the paragraph and label surround Username and E-mail on the Registration form. You can now specifically address them in Custom CSS. I created a mockup two column registration form using nothing but Custom CSS and it came out pretty good.

    http://i.imgur.com/5YEZvgP.png

    The CSS I used:

    #login {
    width: 656px;
    }

    #user_login-p {
    float: left;
    margin-right: 24px;
    }

    #user_email-p {
    float: left;
    }

    #rpr_test-p {
    clear: both;
    float: left;
    margin-right: 24px;
    }

    #rpr_test2-p {
    width: 287px;
    float: left;
    }

    #invitation_code-p {
    clear: both;
    }

  8. diesel43
    Member
    Posted 1 year ago #

    where do you put this code

    Regards Peter

  9. bobby.noonan
    Member
    Posted 1 year ago #

    ^^ same question. where would I put this code?

  10. radiok
    Member
    Plugin Author

    Posted 1 year ago #

    That's the Registration Page Custom CSS... That CSS was specifically written for a single install of WordPress. WordPress for Networks would need different code, and actually, if I remember right, custom CSS is not an option for Register Plus Redux when installed under WordPress for Networks. I can't remember why, I'll look into this ASAP.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags