Styling Problem in widget Members List

I wrote this a while back when I had this issue and found a solutions, it should still work:

Hello there,
This issue is a minor conflict with the way Buddypress core widget works. I’ll give an example with the Members Widget (Code located in BP-Members/Classes/class-bp-core-members-widget.php)
The way this plugin works is that it adds an image to each member name, using a standard HTML code if that member is marked as verified.
You cannot change the way the plugin works, as it’s the best possible way to display a verified tick.

The problem with the BP Members widget is that is uses “user name” as a tool tip for the image of the users displayed in the widget.
So what happens is we have <img src="memberimgurl" title="$username">
What happens is without the verified plugin $Username = John Doe
Afer the plugin $Username = <img src="verifiedtick.png"> John Doe, which causes the tag to close earlier than it needs to be.

SOLUTION:
Remove the tooltip from the images in the widget as follows:
For example Members Widget:
BP-Members/Classes/class-bp-core-members-widget.php
Go to line:129
<a href="<?php bp_member_permalink() ?>" class="bp-tooltip" data-bp-tooltip="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>

And replace it with:
<a href="<?php bp_member_permalink() ?>"><?php bp_member_avatar(); ?></a>

What I did was simply remove the tooltip to avoid the problem.

One problem with this solution is that if you update BuddyPress you need to re-edit the code.

• This reply was modified 6 years, 1 month ago by Ward.