Webflow Tool Tips

Top

Duncan from Memberstack

Top Tooltip

Place the "button" element inside the .tooltip-content element.

left

Left Tooltip

Place the "button" element inside the .tooltip-content element.

Duncan from Memberstack

Right

Right Tooltip

Place the "button" element inside the .tooltip-content element.

Bottom

Bottom Tooltip

Place the "button" element inside the .tooltip-content element.

Top

This is a simple tooltip

left

This is a simple tooltip

Right

This is a simple tooltip

Bottom

This is a simple tooltip

Top

Top Tooltip

Place the "button" element inside the .tooltip-content element.

left

Left Tooltip

Place the "button" element inside the .tooltip-content element.

Right

Right Tooltip

Place the "button" element inside the .tooltip-content element.

Bottom

Bottom Tooltip

Place the "button" element inside the .tooltip-content element.

Tooltip onClick

Tooltip onClick

This is the exact same thing, but triggers with a click and stays open until something else is clicked.

Tooltip onHover

Tooltip onHover

In the Designer, click the link below → Settings → and check the "Open menu on hover" box under Dropdown Settings.

This is a label with a info button

i

Look at aaaaall those chickens (1)

This is the first half of a paragraph.

This part has a tooltip

I smell like beeeeeeeeeeeeeef(2)

, and this is the second half of a paragraph.

FAQ

Show/hide tooltips in the designer?

I recommend creating a div with the lass .tooltip-anchor. After that, you're free to change the display state and delete the element.