Skip to:
Content
Pages
Categories
Search
Top
Bottom

Buddypress Custom Members Page Item Alignment

  • @samdg

    Participant

    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)
  • @henrywright-1

    Member

    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

    thanks.. i’ll see if that helps 🙂

    @henrywright-1

    Member

    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.
Skip to toolbar