Topic: [Resolved] Login Widget – Changing layout · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

[Resolved] Login Widget – Changing layout

archikins
Participant

@archikins

10 years, 5 months ago

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 3 replies - 1 through 3 (of 3 total)

@mercime
Participant

@mercime

10 years, 5 months ago
@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;
}
```
emily.yamaoka
Participant

@emilyyamaoka

10 years, 2 months ago

hi,

I have changed my child theme’s style.css file, but my layout remains the same.
Please, can someone help me?

Thanks!

danbp
Participant

@danbp

10 years, 2 months ago

@emilyyamaoka,

please read here and give your theme name

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

The topic ‘[Resolved] Login Widget – Changing layout’ is closed to new replies.