Streaming live at 10am (PST)

How can i make tooltips be shown by the cursor/pointer on hover?


#1

Hello!
I got stuck in creating tooltip, got an idea of puttig tooltip content on background, but can"t understand how to make tooltip appear in exact place, like here https://webflow.com/pricing
mine tolltips showing up only fixed to a center of a page. ( i"ve done everything like it"s been shown here http://forum.webflow.com/t/footer-menu-with-popups/13026/7)


tooltips have to appear infront of question icon in a list, for example like here https://webflow.com/pricing

https://preview.webflow.com/preview/olha-vasilievas-dandy-site?preview=e5492a075de7e75b799ea0639c0c9a09

MOD EDIT: Changed name from "How can i make tooltips be shown at exact place?" For easier indexing and moved from Need help category to Embed/Custom Code

Here is my public share link: LINK
(how to access public share link)


Tooltip Widget / Element
#2

Hello @iirispaikese,

For create a tool-tip that follows the cursor around (like on the pricing page) within only Webflow not possible now. You wll need to add a jQuery plugin or custom code.

Regards,
Anna


#3

I've used this in the past:
http://iamceege.github.io/tooltipster/

Hope this helps :smiley:


#4

Hi!)
If I understand you correctly, you want to do this https://gyazo.com/70d1c8c5f7a383685de1feb0d28d3e02
In order to tooltip appears next to icon:
1. for alt div: "position: relative" http://prntscr.com/9701ig
2. create text block in alt div http://prntscr.com/9702wj
3. for this text block: "position: absolute" (top left) http://prntscr.com/970410
4. set the desired style to text block and "display: none".
5. set interaction for icon http://prntscr.com/9706b4


#5

Thank you, so much)))


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.