Skip to:
Content
Pages
Categories
Search
Top
Bottom

Buddypress Custom Members Page Item Alignment

  • Avatar of samdg
    samdg
    Participant

    @samdg

    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)
  • Avatar of Henry
    Henry
    Participant

    @henrywright-1

    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.

    Avatar of samdg
    samdg
    Participant

    @samdg

    thanks.. i’ll see if that helps :)

    Avatar of Henry
    Henry
    Participant

    @henrywright-1

    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)

You must be logged in to reply to this topic.