1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

xenForo Tooltip display problem

Discussion in 'Styling and Customization Questions' started by faeronsayn, Mar 29, 2013.

  1. faeronsayn

    faeronsayn Well-Known Member

    I am using the following code to display three images with tool tips

    <span class="registerDate Tooltip" title="Register Date: {xen:date $message.register_date}"><img src="/styles/custom_icons/skin_icons/33.png" /></span>
    <a href="{xen:link search/member, '', 'user_id={$message.user_id}'}" class="OverlayTrigger Tooltip" title="Post Count: {xen:number $message.message_count}"><img src="/styles/custom_icons/skin_icons/45.png" /></a>
                            <span class="likeCount Tooltip" title="Like Count: {xen:number $message.like_count}"><img src="/styles/custom_icons/skin_icons/68.png" /></span>
    Here is how it looks
    As you can see the tooltip isn't aligned properly with the image. How can I go about fixing that?
  2. faeronsayn

    faeronsayn Well-Known Member

    Is this a common occurrence, or have I implemented the tooltip wrong?
  3. Steve F

    Steve F Well-Known Member

    Are you trying to get it to display directly above the icon? You may just have to use some CSS to move it a little.
  4. faeronsayn

    faeronsayn Well-Known Member

    Yea, would I just modify the tooltip class?


    .messageUserInfo .Tooltip {

  5. Steve F

    Steve F Well-Known Member

    Yes that should work if the Tooltip is in the messageUserInfo <div>.
    faeronsayn likes this.

Share This Page