BuddyPress.org

@ripulkr

although BP works with any theme.. i often find myself add too much BP specific CSS tweaks in the customizer

Im trying to keep things as simple as possible and even with twenty seventeen theme – there are some css tweaks that need to happen.

it makes sense — simply because WP is “blog first” so most content is goofy on how it renders and presents BP pages.

As far as I can tell buddyboss is the only game in town that does a great job of having clean design and straighforward code.

my BP-Theme-wish list

1) BP first *which focuses on great Activity page presentation, Members Directory Presentation & Great Member profiles.

2) Mobile First approach would be super awesome. Most people view profiles and not necessarily doing actual “activity” post. So if someone can figure out a great way to render fast and beautiful activity/members-directory/member-profiles that is very readable on mobile it would be super awesoome.

3) Great use of Menus/Accordions — The way BP works right now on members pages is TERRIBLE on mobile. You have scroll past the cover photo -> then pass the Avatar –> then pass 4 menu items to see any content of the users in the Members Profiles page.

4) Great use of Member Profile Fields — I think by default as a “2 column table layout” to render the profile fields is not great.

**I totally understand that the newest release of BP has interesting pre-built options but even with the default twenty-twenty theme it doesnt look great.

Some thoughts..

— The username in the profile page when too long looks weird and awkward — using CSS to ‘breakword’ is OK.
— The Profile Field Name should be studied on how to render that well..
— The Profile Field entries like (text fields, radial buttos, list, etc..) should have a better readable standard implementation like.. *This one is hard because you dont know the exact uses of each unique BP installs..
— The Menus should be “slidable” on mobile so that the user doesnt have to scroll all the way down to start reading whats on that persons profile.

*** It would be great if someone (some BP expert) post an Ultimate BP/CSS guide that shows how to target each of the BP specific elements… without doing theme surgery.. like a cut&paste into the CSS customizer –BONUS if it can include media queries 🙂

anyway.. rant over..

Ok so I have added xProfileFields now and was able to have a color picker in place.

Can someone tell me, where and how I would have to load that hex value now, to make css changes to the users profile?

Would be great if someone could get me on the right track 🙂

I’m actually trying to hide the DIV and the empty Profile Field within the DIV. I’ve come up with this so far. I’ve created a file called hide-empty-profile-fields.js and enqueued the script.

$(document).ready(function() {
     str = $('div.profile-page-location').text();
   if($.trim(str) === "") {
     $('div.profile-page-location').hide();
   }   
     str = $('div.profile-page-status').text();
   if($.trim(str) === "") {
     $('div.profile-page-status').hide();
   }  
    str = $('div.profile-page-zodiac').text();
   if($.trim(str) === "") {
     $('div.profile-page-zodiac').hide();
   }
    str = $('div.profile-page-occupation').text();
   if($.trim(str) === "") {
     $('div.profile-page-occupation').hide();
   } 
    str = $('div.profile-page-website').text();
   if($.trim(str) === "") {
     $('div.profile-page-website').hide();
   }
   
});

It works, but it’s not optimal. Using this method, the empty fields do not become hidden until the page is fully loaded. This causes a weird shift to occur upon page load.

Still working on this.

Hi David,

I have tried out your code and there’s a problem. But first, to address your question about the “name” field, when I’m talking about Forum Name I am talking about the Group (which had been called Base Profile). That is what I changed to Name, for UX reasons. However, I see that the field I’m calling “Name” is field_1 so probably I did change it from Display Name to Name but, as I think you know, that is not the problem.

Regarding the code you gave me, that did solve the problem of not updating the WP First and Last name fields. However, it also prevented changes to the forum name or display name or whatever you want to call the name in the Forum Profile. I’m tempted to try commenting out the line:

bp_update_user_meta( $user_id, 'nickname', $fullname );

but I’m working on a live site with quite a bit of action and got a little spooked that I might change everybody’s existing posts/names, so for now I’ve just removed all your code.

Thanks,
Tom