Topic: Indented Members List with Buddypress Template Plugin · BuddyPress.org

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

Indented Members List with Buddypress Template Plugin

TJ
Participant

@vicradioweb

14 years ago

I’ve been digging through the forums and can’t find information on this issue.

I am using buddypress to allow users to create public profiles for my college radio station. I have a main menu item that links to the /members page, but the problem is that each new member is indented.

http://beta.vicradio.org/members

I am using the Buddypress Template Plugin to adapt my theme, and I suspect the issue is in step 3 of setting it up, but being a newcomer to PHP, I’m not exactly sure what that step is asking. Does anybody have an idea as to why the members are being indented?

Viewing 2 replies - 1 through 2 (of 2 total)

Anonymous User 96400
Inactive

@anonymized-96400

14 years ago

You need to clear the list items.
Add `clear:both;` to this style. `ul.item-list li`

Hugo Ashmore
Participant

@hnla

14 years ago

The reason this is happening is due to the child elements being floated and following proscribed behavior,escaping their parents boundaries, the li item height is less than it’s floated child element thus the li elements can’t float fully to the left as the child element drops below each list bottom edge.

Clearing solves this but also containing floats does and ensures that the parent is forced to extend it’s boundaries to include the floats using ‘overflow:hidden;’

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Indented Members List with Buddypress Template Plugin’ is closed to new replies.