Topic: Need help with CSS for group members list · BuddyPress.org

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

Need help with CSS for group members list

iamarogue
Participant

@iamarogue

9 years ago

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)

Hugo Ashmore
Keymaster

@hnla

9 years ago

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

9 years ago

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

9 years ago

Incorrect display on http://kingstonnexus.ca/community/x-wing/members/

iamarogue
Participant

@iamarogue

9 years ago

Correct display on http://kingstonnexus.ca/community/members/

iamarogue
Participant

@iamarogue

9 years ago

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

Hugo Ashmore
Keymaster

@hnla

9 years ago

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.