Skip to:
Content
Pages
Categories
Search
Top
Bottom

BP sign up page in two rows


  • Kristian Yngve
    Participant

    @kristianngve

    7 years, 2 months ago

    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
    Participant

    @aaronthomas1979

    7 years, 2 months ago

    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
    Participant

    @kristianngve

    7 years, 2 months ago

    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.

Topic Info

Topic Tags

Skip to toolbar