[@carlandrew Participant 3 hours, 6 minutes ago]

Hi nightshademoonart,

It looks like the issue is coming from the default styling of your “online users” widget. The tiny avatar + the weird white tooltip box usually means the widget’s CSS isn’t matching your theme’s design, so the hover popup uses fallback browser styling.

Here’s how you can fix it:

1. Add custom CSS to make the hover popup look clean
Go to Appearance → Customize → Additional CSS and try adding:

.online-users-tooltip {
background: #1a1a1a !important;
color: #fff !important;
padding: 8px 12px !important;
border-radius: 6px !important;
font-size: 14px !important;
max-width: 200px !important;
}

2. Increase the avatar size
If you want the user images to look more like your directory layout:

.online-users-widget img {
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
}

3. If your theme uses BuddyPress or a membership plugin
Check the plugin settings → widgets → “Online Users” and see if it supports layout changes.

Regards
Carl Andrew
Owner
cooksmenuout.com