How to set up and style the Advanced Tooltip widget in Elementor.
Advanced Tooltip adds a trigger element (a piece of text, an icon, an image or a button) that shows a tooltip on hover or click. The tooltip can hold an image, a title and formatted text, and it is repositioned so it stays on screen. Use it for short explanations, definitions and extra details that do not need their own section.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Show As | The kind of element visitors hover or click: Text, Icon, Image or Button. |
| Text | The text of a text or button trigger. |
| Icon | The icon for an icon trigger, or an icon shown next to the text or button label. |
| Icon Position | Puts the icon before or after the text. |
| Image | The image used as the trigger. |
| Link | An optional link on the trigger. It works best with the hover trigger. |
| Alignment | Aligns the trigger left, center or right. |
| Option | What it does |
|---|---|
| Title | The heading inside the tooltip. |
| Content | Rich text inside the tooltip. |
| Image | An optional image at the top of the tooltip. |
| Option | What it does |
|---|---|
| Open On | Opens the tooltip on hover and focus, or on click. |
| Position | The side of the trigger where the tooltip appears. |
| Effect | The animation used when the tooltip opens. |
| Show Delay (ms) | How long to wait before showing the tooltip on hover. |
| Hide Delay (ms) | How long the tooltip stays after the pointer leaves. |
| Show Arrow | Shows or hides the arrow on the tooltip. |
| Keep Open in Editor | Keeps the tooltip visible in the editor while styling. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, color and hover color, underline style for text, icon size and spacing, and width, radius and CSS filters for an image trigger.
typography, icon size and spacing, colors, background, border, radius and padding for normal and hover states (shown when the trigger is a button).
width, distance from the trigger, background, text alignment, border, radius, padding, shadow, image radius, and typography and colors for the title, content and links.
An image, a title and a rich text area. The text area accepts formatted text, links, lists and images.
A left or right tooltip that does not fit moves to the top. A top or bottom tooltip slides sideways until it fits.
Yes. The trigger can receive focus, a hover tooltip shows on focus, and the Escape key closes it.
The text trigger is underlined by default so visitors notice it. Change or remove it with Underline in the Trigger style section.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide