Skip to:

BP sign up page in two rows

  • Kristian Yngve


    I am using all the updated versions:
    WP: Version 4.8.2
    BP: Version 2.9.1

    My registration form when signing up to my site with Buddypress appears in two rows:

    Registration Page

    I think it looks good / professional this way, but it’s a little squashed / coming off the edge on mobile devices. Is there any CSS that can target this page specifically to at least keep my registration page contained within the page (even if it is a little squashed).

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

  • metalhead


    Put it all in one column:

    /* Aligns Registration Profile Details fields to the left */
    #buddypress .standard-form #basic-details-section,
    #buddypress .standard-form #blog-details-section,
    #buddypress .standard-form #profile-details-section {
        width: 100%;
    #profile-details-section {
        margin-top: 20px;

    And the finish button too (recommended):

    #buddypress .standard-form#signup_form div.submit {
        float: left!important;
        margin: -12px 3px 3px 3px!important;

    That should line it all up in 1 row. Congrats on not paying someone $1000 for that info 🙂

    Kristian Yngve


    Amazing! It worked perfectly!

    I couldn’t thank you enough, Aaron.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Skip to toolbar