Topic: Buddypress Custom Members Page Item Alignment · BuddyPress.org

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

Buddypress Custom Members Page Item Alignment

samdg
Participant

@samdg

10 years, 5 months ago

I’m trying to create a custom template for buddypress members directory by editing the members-loop.php and buddypress.css

I’m following a tutorial which could be found here.

What I’ve done so far is here.

The problem is now with the item alignment.

The texts aren’t aligned and the add/delete buttons are positioned wrongly.

Can anyone help me with it?

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

Henry
Member

@henrywright-1

10 years, 5 months ago

You can align the page elements with CSS. Try taking a look at: http://w3schools.com/css/

To position stuff, there are various approaches you can use. Look specifically at how floats work. Reading about positioning and aligning will be useful too.

samdg
Participant

@samdg

10 years, 5 months ago

thanks.. i’ll see if that helps 🙂
Henry
Member

@henrywright-1

10 years, 5 months ago
As an example, if you wanted to align-right the “active time ago” text you could put this in your theme’s style.css
```
.item-meta .activity {
    float: right;
}
```
As I said though, there are many ways to do it depending on your exact needs. text-align: right is an example. Make the parent element position: relative; and then use position: absolute; right: 0; top: 0; is another. The best approach will all come down to what you’re trying to achieve visually overall.

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

The topic ‘Buddypress Custom Members Page Item Alignment’ is closed to new replies.