Skip to:
Content
Pages
Categories
Search
Top
Bottom

online user widget is being weird

  • @nightshademoonart

    Participant

    1 week, 1 day ago

    so my online user widget displays the very small image of the user online and thats okay i guess(although i would rather it display them like the user directory is setup) but when i go to hover over it, it just pops up very small black text and a weird white box. please visit my site nightshademoonart.com and you can see what im talking about. its on the main page and i cant figure out how to change this. thank you!

Viewing 1 replies (of 1 total)

  • @carlandrew

    Participant

    4 hours, 52 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

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Topic Info

Topic Tags