Avada Logo
Avada Design Elements

Tooltip

The Avada Tooltip Element displays small info boxes when users hover or focus on elements, adding clarity or definitions in a subtle, polished way that enhances usability.

Avada Tooltip Element Featured Image

User Guidance

It displays helpful hints or explanations when the user hovers over or focuses on it.

Custom Styling

You can control the colors, fonts, size, & animation for a subtle branded look.

Flexible Placement

Easily position the tooltips above, below, left, or right of trigger Elements on the page.

Avada Tooltip Element Examples

The Avada Tooltip Element allows you to add small, informative text boxes that appear when users hover over or focus on text, icons, or images. With options for styling, positioning, and animation, tooltips provide extra context or guidance without cluttering your page design.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Tooltip on Top ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Tooltip on Bottom ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Tooltip on Left ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Tooltip on Right ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.

The Avada Tooltip Element allows you to display additional information when a user hovers over or focuses on a piece of text or content. It’s a subtle yet effective way to provide helpful context, definitions, or guidance without cluttering the main layout.

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Toggles Element Featured ImageToggles
Avada breadcrumbs Element Featured ImageBreadcrumbs
Go to Top