BuddyPress.org

If you are using the bp-default theme —

All you have to do is login, visit someone’s profile, and the send message buttons are there

bp_member_add_friend_button() you would find that by looking in the bp-friends-tamplate.php and to find it was in that file meant looking at the members loop to see how the action buttons are handled and tracing the do_action handle back to that template file you’ll then realise ‘bp_member_add_friend_button()’ echoes bp_get_add_friend_button() with passed args so you then need to trace that function to see further how the friends button works.

In the profile we trace back to functions.php and find ‘bp_add_friend_button()’ that traces to various files, bp-friends-template.php the one of interest again.

Looks like JS hiding all the buttons from this test user – though I can see all those links in source.

== ‘cancel friendship’ & ‘private message’ buttons overlap each other ==

1. If you want volunteers to actually check out the issue, please provide test user username and password which you can delete later.

2. What happened to the ‘public message’ button which in bp-default theme shows up between ‘cancel friendship’ and ‘private message’ buttons?

3. In all probability, you would just need to add styles in your theme’s style.css file. something like:
`#item-buttons a { margin-right: 15px; }`
The above will work in bp-default theme. No guarantees this will work on your theme.

== it looks so rubbish in IE. ==
Yup, IE < 9 is bane of designer/developer There are still at least 2 solutions as I pointed to above if you want to pursue the buttons later.

== But please is there a way to wrap the Edit Profile link which is in the item-header so that it shows on your own profile alone and not when viewing others profile. instead of hiding it under private message button. ==

Saw your new topic and answered you there https://buddypress.org/community/groups/how-to-and-troubleshooting/forum/topic/how-to-make-a-link-show-on-your-profile-alone/

There can only be normally one background image per element in CSS2 so when you add the icon, it will override the gradient background created in parent theme. You could add extra bg-img using pseudo-elements but that’s good for modern browsers and IE8+ only.

You can use multiple background images for one element with CSS3 compatible with most modern browsers incl. IE9 above. But if you have users who use IE8 below, it will note show up at all.

One solution for cross-browser compatibility down to IE7 is to create an image with the icon and the gradient background, e.g. activity-time-since-with-gradient-background.png, together and hook that to the link:
`div#item-header #send-private-message a {
background: transparent url(_inc/images/activity-time-since-with-gradient-background.png) left center no-repeat !important;
padding-left: 25px;
}`
Of course your image name won’t be that long.

The other solution is this: http://www.norestfortheweekend.com/2011/02/26/css3-gradients-multiple-backgrounds-and-ie7/ This is more involved but a great learning experience if you have the time.

@naijaping Hook the background image to your link. Add this to your stylesheet
`div#item-header #send-private-message a {
background: transparent url(_inc/images/activity-time-since.png) left center no-repeat !important;
padding-left: 25px;
}`

In addition, you have two styles for `div#item-header #send-private-message` and the second one overlaps and hides the Edit Profile link. So look for `div#item-header #send-private-message`

Keep the first one below
`div#item-header #send-private-message {
float: left;
position: absolute;
right: 330px;
top: 22px;
}`

Delete the second one below
`div#item-header #send-private-message {
right: 243px;
}`

I too am having this problem. I’m using a custom theme from RocketThemes. I looked in the member-header.php file and it has that line of code you listed.

On my member profile pages it only lists “Add Friend” Public Message” & “Private Message.”