Skip to:
Content
Pages
Categories
Search
Top
Bottom

Parts of buddypress content being cut off early


  • kelmann
    Member

    @kelmann

    11 years, 7 months ago

    Hello!
    I am trying to get buddypress to work with my theme, and I almost have it working.
    On this page: http://www.theworldsflight.com/members/
    The “order by” dropdown looks like it is being cut off. Is this a mistake in my modification of the buddypress php or is it something I have to change in my theme?
    Thanks!

    Kelly

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

  • Hugo Ashmore
    Keymaster

    @hnla

    11 years, 7 months ago

    It’s because you have both a stated width and margins on the list ul:

    
div.item-list-tabs ul {
width: 100%;
}
ul {
list-style: circle outside none;
margin: 0 0 1.75em 2.8em;
padding: 0;
}

    In the standard box model you can’t state width:100% and padding /margin/border as that becomes 100% + some.

    With overflow: hidden on the parent element your ul right edge @ 100% + ~12px is cut off.

    Technically there is no reason to be stating a width on this element in this position in your layout, dimensions like ‘position’ should never be stated unless there is a specific reason.

    You could also do with containing the floated elements in that ul overflow: hidden or a clearfix class.


    kelmann
    Member

    @kelmann

    11 years, 7 months ago

    Thanks Hugo!
    Where can I find where my width is stated for this element? Is it in my theme files or is it somewhere in my buddypress files?


    Hugo Ashmore
    Keymaster

    @hnla

    11 years, 7 months ago

    think it may be bit of both – one of the drawbacks of multi styles files

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Parts of buddypress content being cut off early’ is closed to new replies.

Topic Info

Skip to toolbar