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

9 years, 9 months 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)

@hnla

Participant

9 years, 9 months 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

9 years, 9 months 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

9 years, 9 months ago

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

@iamarogue

Participant

9 years, 9 months ago

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

@iamarogue

Participant

9 years, 8 months ago

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

@hnla

Participant

9 years, 8 months 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.