Tooltip issue with Members Online modification

Trombones13

Well-known member
I modified the Members Online Now block to show avatars, just like the the Highest-Posting/Newest Members blocks are configured. However, I'm having an issue with the tooltip:

XF Online Tooltip.webp
Obviously, I want the tooltip to pop out above the name, instead of getting in the way of the image when I'm hovering over it. This is the code I have in sidebar_online_users:
Code:
<xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
					<xen:if is="{$i} <= {$onlineUsers.limit}">
						<li>
						<xen:if is="{$user.user_id}">
							<xen:avatar user="$user" size="s" class="Tooltip" img="true" title="{$user.username}" />
						<xen:else />
							{xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
						</xen:if>
						</li>
					</xen:if>
				</xen:foreach>
Any suggestions on how to fix the tooltip? Thanks!
 
This should work:

Rich (BB code):
class="Tooltip" data-offsetX="p" data-offsetY="q"
Adjust the offsets to correctly position your tooltip.
 
Top Bottom