Skip to:
Content
Pages
Categories
Search
Top
Bottom

Custom theme- member profile css issue

  • Avatar of marlowjust
    marlowjust
    Member

    @marlowjust

    I have successfully built up my custom theme with the incorporation of the original Buddypress CSS look and feel but I just noticed a problem with viewing profiles. When I view my profile (admin) it displays nicely. When I view a new member’s profile, it displays jumbled up. Why would my profile display correctly and another member’s profile be displayed differently? I assumed the CSS would be the same for all profiles.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Depends, when you say profile, is it just the xprofile page or each member’s section as a whole? Depends also if the selector you used was too specific that it affected only my-pages e.g. and not all other pages. So many reasons, hard to say without examples of what you mean.

    Avatar of marlowjust
    marlowjust
    Member

    @marlowjust

    I’m talking about each member’s section as a whole. More specifically the profile header area. The member name/username and last active section is displayed all the way to the right without a status update. Here is a snapshot of what I mean. The first picture is a member who just joined and the second picture is my profile. Mine displays correctly and his does not. Am I missing CSS code that deals with other members?
    http://i147.photobucket.com/albums/r306/marlowjust/Website/example1.png

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Different devs roll out their own WP/BP themes in different ways. In your case, if you made a custom WP theme, did you install the BP Template Pack or did you make it BP-compatible another way?

    I have seen a similar problem with an install of BP Template Pack. If you added CSS from bp-template pack via import or added BP-specific CSS at bottom of your WP theme’s style.css, you could add this at the bottom of your active theme’s style.css file. Make sure it’s below all other styles you posted before to make it work.
    `div#item-header div#item-header-avatar {
    float: left;
    height: 150px;
    margin-right: 15px;
    }

    div#item-header div#item-header-content {
    float: left;
    margin-left: 0px;
    }`

    Of course, this is just a stab in the dark as you might have had conflicting styling in your theme’s stylesheet which can’t seen via images you posted alone :-)

    Avatar of marlowjust
    marlowjust
    Member

    @marlowjust

    Fantastic! You nailed it on the head and that solved my issue. Thanks!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Cool, didn’t expect that on first try. Glad it worked out for you :-)

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

You must be logged in to reply to this topic.