CSS for buddypress

  • Resolved reivilob

    (@reivilob)


    8 years, 3 months ago

    small problem in:

    /wp-content/themes/mesocolumn/lib/buddypress/bp-custom-css.css

div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a
border-top: 1px solid #CCC;

    you add one pixel at the top of the selected “a” to make a nice border but this make that this LI is 31px height instead of 30px for unselected ones

    The problem is that when you reduce the width of the windows and this breaks the LI in two lines, the second line start only after the selected one.

    You need to have all your li with the same height

    To solve this problem i add manually in the custom CSS a
    padding-top: 4px; for the selected one (instead of the default 5px,… this is certainly not the best way to solve the problem but do the job …

    Regards
    Olivier Bourgeois

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Richie KS

    (@rkcorp)

    or something like in customizer->general->custom css for smaller screen.

    @media only screen and (max-width:640px){
div.item-list-tabs ul li.selected a,
div.item-list-tabs ul li.current a {
padding-top: 4px !important;
}
}
    Thread Starter reivilob

    (@reivilob)

    Yes why not ….

    I have also a lot of other rules @media to match the width of the buddypress admin bar to match your width top menu bar … i can add it there.

    (But this is a way to solve a problem. It could be better to solve it at source by creating div (or LI) with the same size not depending of the content of the div (or LI)

    Best regards
    Olivier

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS for buddypress’ is closed to new replies.