Skip to:
Content
Pages
Categories
Search
Top
Bottom

Indented Members List with Buddypress Template Plugin

  • @vicradioweb

    Participant

    14 years, 1 month 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)

  • @anonymized-96400

    Inactive

    14 years, 1 month ago

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

    @hnla

    Participant

    14 years, 1 month 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.

Topic Info

Topic Tags

Skip to toolbar