Skip to:
Content
Pages
Categories
Search
Top
Bottom

Login Widget – Changing layout

  • Avatar of archikins
    archikins
    Participant

    @archikins

    Hello,
    I am trying to display the BuddyPress Login Widget on the top right corner of my website. I have figured out how to display the widget there, now just need to change the layout from vertical to horizontal. That is:
    Login
    [Login Textbox]

    Password
    [Pwd Textbox]

    Login button – Register link

    to
    Login [login text box] Password [Pwd text box] Login button | Register Link

    Which file should I edit to change the layout?

    Thanks!
    ~A

Viewing 1 replies (of 1 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @archikins you only need to add changes in your theme’s or child theme’s style.css file. Something like styles below. Adjust to taste.

    #bp-login-form label, 
    #bp-login-form input {
    float: left;
    margin-right: 10px;
    }
    
    #bp-login-form input {
    margin-right: 20px;
    }
    
    div.forgetmenot {
    display: inline;
    }
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.