Skip to:
Content
Pages
Categories
Search
Top
Bottom

Need help with CSS for group members list


  • iamarogue
    Participant

    @iamarogue

    Hi there,

    I had to skin my members directory and my groups list widget by modifying the width and the height of the div.item. What was happening was they were getting all jumbled and the item part would display on the next line.

    I thought I was getting a similar error with my groups member directory, but it doesn’t have the same fix. I’m hoping someone can help me?

    Website: http://kingstonnexus.ca/community/x-wing/members/

    Buddypress 2.2.1 WordPress 4.1.1

Viewing 6 replies - 1 through 6 (of 6 total)
  • I don’t see where you modified width and height but if you mean the elements in the li items were dropping through the bottom then really BP should be stating ‘overflow: hidden; on the li element not ‘auto’

    To over rule that (the BP rules) you would need something like:
    #buddypress ul.list-item li { overflow: hidden; }


    iamarogue
    Participant

    @iamarogue

    Hmm. Sorry if I mega duplicate responsed. I think my responses were vetoed for too many links.

    Anyways, thank you, that’s a partial fix.

    However, I appear to have multiple problems. The first, that your overflow: hidden fixed, was things getting bunched up.

    The second problem is the username displaying below the avatar instead of to the right.


    iamarogue
    Participant

    @iamarogue


    iamarogue
    Participant

    @iamarogue


    iamarogue
    Participant

    @iamarogue

    Bump: can anyone help me figure out why my member names are displaying below their avatars?

    Look for properties like clear: left; or clear: both; or maybe one of those elements which should be floated isn’t, if floated has something given width: 100%, or margins greater than the overall space can accommodate.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need help with CSS for group members list’ is closed to new replies.
Skip to toolbar