WordPress.org

Forums

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

  1. eximax
    Member
    Posted 2 years 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 2 years 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 2 years ago #

    ... {double post - sorry}

  4. CDadmin1
    Member
    Posted 2 years ago #

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

  5. radiok
    Member
    Plugin Author

    Posted 2 years 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 2 years ago #

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

  7. radiok
    Member
    Plugin Author

    Posted 2 years 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 2 years ago #

    where do you put this code

    Regards Peter

  9. bobby.noonan
    Member
    Posted 2 years ago #

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

  10. radiok
    Member
    Plugin Author

    Posted 2 years 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

  • Register Plus Redux
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags