BuddyPress.org

BuddyPress version 1.6.4

Theme is homegrown but my needs wouldn’t change depending upon theme being used.

I’m current looping through the $bp->nav and $bp->bp_option_nav variables to construct the code needed but these variables change whether you’re viewing another users profile or not.

I need to construct the same menu as if you were viewing your own profile but display it on every page, even if viewing another users profile.

@naijaping @mercime
Okay I finally got it. Not certain it is totally right but it looks good in both chrome and firefox. I did have to create a div class in the members-loop.php called user-location surrounding the code from step 3 in the tutorial to be able to style it. The changes I made are in the below css in case anyone wants to try this. I also included a pic at the bottom to show the end result. Thank you both for your help! Cheers!
`
/*
Theme Name: BuddyPress Child
Theme URI: http://example.com/
Description: Child theme for the BuddyPress Default theme
Author: bphelp
Author URI: http://example.com/about/
Template: bp-default
Version: 1.0
Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white
*/
/*————————————————————-
Custom CSS
————————————————————–*/

@import url(“../responsive/style.css”);

/* Custom member loop avatar styling */
#members-dir-list img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}

#members-dir-list a:hover img.avatar {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-filter 0.2s ease-in-out;
-moz-transition: -moz-filter 0.2s ease-in-out;
transition: filter 0.2s ease-in-out;
}

#members-list li {
overflow: auto;
list-style: none;
float: left;
width: 30%;
margin: 20px 20px 28px 0;
border: 0;
}

#members-dir-list ul.item-list li div.item-title, #members-dir-list ul.item-list li h4, #members-dir-list ul.item-list li div.item-meta
{
width: 62%;
text-align: center;
}
.user-location {
width: 62%;
text-align: center;
}

#members-dir-list ul.item-list li div.item-title {
font-size: 110%;
}

#members-dir-list ul.item-list li div.item-meta {
text-transform: uppercase;
font-size: 80%;
}

#members-dir-list ul.item-list li img.avatar {
margin-bottom: 8px;
}

#members-dir-list a.friendship-button.add {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 5px solid #89ac48;
font-size: 26px;
font-weight: bold;
background: #a5d156;
color: #ffffff;
line-height: 50px;
margin: 18px 102px 0 0;
}

#members-dir-list a.friendship-button.is_friend.remove {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 5px solid #CC0000;
font-size: 26px;
font-weight: bold;
background: #FF5050;
color: #ffffff;
line-height: 50px;
margin: 18px 102px 0 0;
}

ul#members-list.item-list li div.action {
text-align: center;
overflow-y: hidden;
top: 18px;
right: 6px;
}

#member-dir-count-bottom {
display: none;
}
/* End Custom member loop avatar styling */
`

@naijaping @mercime
I removed #buddypress from the css and here is what my style.css looks like:
`
/*
Theme Name: BuddyPress Child
Theme URI: http://example.com/
Description: Child theme for the BuddyPress Default theme
Author: bphelp
Author URI: http://example.com/about/
Template: bp-default
Version: 1.0
Tags: blue, buddypress, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, fixed-width, light, right-sidebar, rtl-language-support, sticky-post, threaded-comments, translation-ready, two-columns, white
*/
/*————————————————————-
Custom CSS
————————————————————–*/

@import url(“../responsive/style.css”);

/* Custom member loop avatar styling */
#members-dir-list img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}

#members-dir-list a:hover img.avatar {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-filter 0.2s ease-in-out;
-moz-transition: -moz-filter 0.2s ease-in-out;
transition: filter 0.2s ease-in-out;
}

#members-list li {
overflow: auto;
list-style: none;
float: left;
width: 30%;
margin: 20px 20px 28px 0;
border: 0;
}

#members-dir-list ul.item-list li div.item-title, #members-dir-list ul.item-list li h4, #members-dir-list ul.item-list li div.item-meta
{
width: 100%;
text-align: center;
}

#members-dir-list ul.item-list li div.item-title {
font-size: 110%;
}

#members-dir-list ul.item-list li div.item-meta {
text-transform: uppercase;
font-size: 80%;
}

#members-dir-list ul.item-list li img.avatar {
margin-bottom: 8px;
}

#members-dir-list a.friendship-button.add {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 5px solid #89ac48;
font-size: 26px;
font-weight: bold;
background: #a5d156;
color: #ffffff;
line-height: 50px;
}

#members-dir-list a.friendship-button.is_friend.remove {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 5px solid #CC0000;
font-size: 26px;
font-weight: bold;
background: #FF5050;
color: #ffffff;
line-height: 50px;

}

ul#members-list.item-list li div.action {
text-align: center;
overflow-y: hidden;
top: 18px;
right: 6px;
}
/* End Custom member loop avatar styling */
`
Here is another pic to see the changes but it still needs some adjusting.

Hope you guys can help! I appreciate the help you have given so far! Thanks!

Still haven’t gotten anywhere. This was on a fresh install with no plugins.

I tried going into Settings -> Buddypress -> Forums and enabling the “Site wide forums” feature – what ever that does. No difference, still can’t view the forum, and it doesn’t show up in the menu.

I also tried creating a new forum from Forum -> New forum. No difference. Even tried going into Settings -> Forums and selecting the newly created forum as “Group forums parent”, which didn’t change anything either, so i’m unsure as to what it does as well.

I’ve tried using the default Buddypress theme as well as a custom one.

I’m running PHP 3.5.1.

Ideas?

All I want to do is add a new tab to the menu, the code I’m going to be using to define what is displayed I can include elsewhere. The idea is this tab literally adds a single radio option for a user to choose an option from, then saves to a table I’ve created in my database.

However, the skeleton component seems overly complicated for this, and the bp-custom.php way of doing things does nothing.

No matter which example code I try, the only way I can get a tab to display is by putting:

`bp_core_new_nav_item( array(
‘name’ => __( ‘Media Privacy’, ‘bp-media-privacy’ ),
‘slug’ => ‘media-privacy’,
‘position’ => 80,
‘show_for_displayed_user’ => false,
‘screen_function’ => ‘bp_media_privacy’,
‘default_subnav_slug’ => ‘media-privacy’
) );`

By putting the above code directly into an included page it displays but doesn’t go to the said page. When I put it in a function and add it using add_action( ‘bp_setup_nav’, ‘my_bp_nav_adder’, 100 ); nothing happens at all.

I’m seriously confused at this point but it is vital to have this additional tab in the front end for users to be able to change this setting. I’m using a clean install of the latest Buddypress on my wamp (not putting this on my live site until it works.)

@chouf1 and @modemlooper, could someone possibly do a pastebin of an example, working, bp-custom.php as I cannot find one? Thank you for your help before.

I figured out that the problem is with having the activity page as the static home page.

I changed the home page to a blog page and then added the activity page on the navigation menu and now I’m able to post comments.

So it looks like you can’t have the Activity page as the home page on Buddypress until the update. Is that right?

Thanks Hugo. I do have some Basic HTML coding skills…I know how to copy/paste code, change code in a HTML editor, add images, links, and that sort of basics knowledge. I have a Graphic design Background, so I am very familiar with layout and content, and features. My Problem is “MY Template” I’ve designed my whole site in WP which is not a problem for me…but after adding the BuddyPress Sections to the TOP Menu in my template, I have drawn a blank….lol….there is NOTHING on Each Page when viewed in Preview Mode Browser. I do know, that I have to ADD widgets and other content to A Created page in WP/BuddyPress in order to get the content to DIsplay in my browser. However,….lol….I’m lost at the Which Widget, and Things to add to the BP pages (Activate, Register, Activity, Members) pages. I have added them in Apperarance>>Menus>>Top Menu>>Select (Those) Pages>>Then Add To Menu….I’ve done all of this. I just don’t know what to add from here, to get these pages and their content to show-up so that everything works in my Current theme. Do I have to pick another theme, or just NOT use buddypress, and find another WP Membership plug-in that allows PROFILES and Writing in a Blog that every member can read? Another theme is NOT an option at this time. All of the other features I described in my Original Post, can be added with a few plug-ins right? So All I REALLY Need BuddyPress for is The MEMBERSHIP, Profiles, and Members Search Features intergrated to work with The Continuum Theme. There shouls be a better way around this, and I still get the same results. ALL Of My Website Content IS CREATED!!!! I’m just adding Members access, sign-up, and create a profile. Thanks.

I am not using a child theme, I am just using BP’s default.css to make changes, and I dont see any of those lines in that file.