Skip to:
Content
Pages
Categories
Search
Top
Bottom

BP sign up page in two rows

  • @kristianngve

    Participant

    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)
  • @aaronthomas1979

    Participant

    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 🙂

    @kristianngve

    Participant

    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