BuddyPress.org

Those selectors were based on the Themeforest demo site, so they may not match your actual site. Without seeing your site its not possible to say. So you’ll have to use f12 to find out if its correct.
Did you try ctrl-A without including any new bubble or top-menu CSS to see if anything was there?
Did you insert the correct name of your menu in the php code?

Okay thanks. I’ll have to do some more research.Do you recommend using a theme that is meant for buddy press or would any theme work perfect with buddypress?

Thanks for the super quick response! I’ve looked into that. I personally thought buddy press allowed user to post from the front end already? Without this plugin they would have to login a backend using wordpress admin type settings?

Is buddy press best used with a theme that has buddy press integrated or could I use a theme like Divi and it would work perfectly fine? Also, would you know of a plugin that will filter out all the users posts sort of like Kijiji or amazons filter on the left? I am not even sure what that is called to search for it on google. Thanks again!

Forgot to mention: using latest BuddyPress, bbPress in Divi theme.

Had to also copy over a couple functions to my theme’s functions.php file, rename them and make a couple minor changes, but was successful for me.

bp_xprofile_get_field_types()
bp_xprofile_create_field_type()

Thanks for your response Henry.

I am checking out your links now, but something came to mind. The issue I have is that this link sends customers to a WordPress login area, that looks exactly like the login screen for administrators (white screen with WordPress logo up top. I really don’t like that and would like the login page to look like the themes login page and I already have a login page that looks the way it should (which is why I am trying to which the link to direct to it).

Maybe, is there a way to change the look of the login page?

Well,

I’ve tested your solution, and if it seems to duplicate all the elements from the Buddypress menu, it looks not so good : here’s the screenshot

Is it a problem with my theme (Hueman) ?

Thanks.

Hi Paul,

Thank you for responding.

To answer your questions:

* How were you customising your activation emails?
-I was changing lines in the .pot file in PoEdit and generated a new .mo file in order to personalise the activation mail a bit more. (No core files were adjusted or changed)
-I made a change in the buddypress.min.css file

* Is your site sending other emails correctly, or are all emails broken? Can you test to be sure?
I have only sent out activation emails up to this point. To test your question, I have manually added myself as a user and activated the account. Then, I send a confirmation email which it DID send, only the sender was WordPress instead of my site name.

* Are you running WordPress multisite, or regular WordPress?
Regular WP. No multisite

* Do you run any plugins that change wp_mail or affect how emails are delivered? For example, any plugins that send email via Mailchimp, etc?
Not to my knowledge. I am currently running these plugins:

– BuddyPress
– Child Theme Configurator
– Jquery Updater
– Members
– Page Excerpt Widget
– Rating Widget
– User Submitted Posts

All of them were running as well yesterday when it still worked.

Let me know if you need any more info.

Inge.

Hi mikee1001,

No worries :). I’m not familiar with that theme. But from your demo link (used the first of the three demos), the selector might be either:

.top-bar ul>li.bubble or .top-bar ul>li.has-dropdown.bubble .

This assumes that your live version of the theme is set up like their demo though. Note that I have added the .bubble. As a check if you remove that bit from the selector and add something like border= 1px solid red; you should see a change on your site. If not then the selector is wrong.

Have you got the bubbles appearing successfully somewhere on the page (even though you haven’t got the correct selector yet)? Check by pressing ctrl-A to select all, which highlights everything on your site in blue, then you can look for the numbers which are your notification counters etc. If you can’t see them then something may have been done wrongly and would need to be addressed prior to finding the correct CSS selectors.

If you manage to get them appearing and put a link to your site then I could tell you what the correct selector is.

Hi @mikee1001,

The code i used for inserting the bubble counters for notifications, unread messages and total friends is:

// Notification counter bubble
function bptest_main_nav_notification_bubble( $items, $args ) {
    if( $args->theme_location == 'header-menu' ) { // In manage locations via WP Dash>Appearance>Menus
    	$items_array = array();
        while ( false !== ( $item_pos = strpos ( $items, '<li', 3 ) ) ) {
            $items_array[] = substr( $items, 0, $item_pos );
            $items = substr( $items, $item_pos );
        }
        $items_array[] = $items;
        array_splice( $items_array, 3, 0, '<li class="bubble">' . bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) . '</li>' ); // 0,0 1st position, 1,0 2nd, etc
        $items = implode( '', $items_array );
    }
    return $items;
}
add_filter( 'wp_nav_menu_items', 'bptest_main_nav_notification_bubble', 10, 2 );

// Unread message counter bubble 
function bptest_main_nav_message_bubble( $items, $args ) {
    if( $args->theme_location == 'header-menu' ) { // In manage locations via WP Dash>Appearance>Menus
        $items_array = array();
        while ( false !== ( $item_pos = strpos ( $items, '<li', 3 ) ) ) {
            $items_array[] = substr( $items, 0, $item_pos );
            $items = substr( $items, $item_pos );
        }
        $items_array[] = $items;
        array_splice( $items_array, 5, 0, '<li class="bubble">' . bp_get_total_unread_messages_count( bp_loggedin_user_id() ) . '</li>' ); // 0,0 1st position, 1,0 2nd, etc
        $items = implode( '', $items_array );
    }
    return $items;
}
add_filter( 'wp_nav_menu_items', 'bptest_main_nav_message_bubble', 10, 2 );

// Total friends counter bubble
// Note, 'bp_friend_get_total_requests_count' will give the total connection request count if desired
function bptest_main_nav_friend_bubble( $items, $args ) {
    if( $args->theme_location == 'header-menu' ) { // In manage locations via WP Dash>Appearance>Menus
        $items_array = array();
        while ( false !== ( $item_pos = strpos ( $items, '<li', 3 ) ) ) {
            $items_array[] = substr( $items, 0, $item_pos );
            $items = substr( $items, $item_pos );
        }
        $items_array[] = $items;
		array_splice( $items_array, 7, 0, '<li class="bubble">' . friends_get_total_friend_count( bp_loggedin_user_id() ) . '</li>' ); // 0,0 1st position, 1,0 2nd, etc
        $items = implode( '', $items_array );
    }
    return $items;
}
add_filter( 'wp_nav_menu_items', 'bptest_main_nav_friend_bubble', 10, 2 );

In each of the above you will want to change the theme_location == 'header-menu' to theme_location == 'INSERT YOUR HEADER MENU NAME HERE'. The name of your menu is found via your WP Dashboard > Appearance > Menus. The three functions above were inserted into bp-custom.php .

The positions of the bubbles will also need changing depending on where they should be in your menu. Do that by changing the numbers on the section array_splice( $items_array, 7, 0, '<li class="bubble">'. The comment alongside the line in the code should help you.

You’ll also need some CSS for the bubbles otherwise you probably won’t see them even if they are functioning. If you hit ctrl-A to select everything on your web page, they should show up somewhere in your menu (assuming the code has been implemented correctly of course).

As you can see in the functions above all the bubbles have been given a class called “bubble”. So put in your style.css (of your child theme) something like:

#main-navigation .main-nav ul li.bubble {
	transform: translate(0, 50%);
	width: 20px;
	height: 20px;	
	padding: 2px 6px; 
	border: 1px solid #000;
	border-radius: 50%;
	margin: 0 10px 0 0;
	background: #fff;
	color: #000;
	font-size: 11px;	
}

The selector (#main-navigation .main-nav ul li.bubble) may be different on your site because it will depend on your theme etc. So use the developer tools, F12 button, on your browser to find out the correct one. It will be the bit before the .bubble that is different.

Hopefully the above helps!