The Tooltip Element offers you the ability to create a 「tooltip」 linked to specific text. The Tooltip Element is an Inline Element, which means it is only accessible through the Avada Builder Element Generator. See the links below for more information on those topics, and read on to find out more about this simple, yet effective element.
Hover over the words 「Inline Element」 in the next sentence to see an example of a Tooltip.
The Tooltip Element can only be used with text based elements, as it is a Inline Element.,View Element Demo Page!,OverviewHow To Use The Element
How To Use The Element In Avada Live
Element OptionsGlobal OptionsUseful Links & Resources,How To Use The Tooltip ElementNote. As stated above, the Tooltip Element is an Inline Element, which means that you can access it through the Avada Builder Element Generator. This Element can be used in all Elements that allow text editing in the Visual Editor and that therefore have access to the Avada Builder Element Generator.
Step 1. Add a text based element via the Avada Builder, for example, the Text Block Element.
Step 2. Add your content as normal, up to the point where you want the Tooltip to appear.
Step 3. Place your cursor at the end of your content and select the Avada Builder Element Generator icon on the Visual Editor toolbar.
Step 4. Select the Tooltip Element.
Step 5. Add the Title, which is the text that displays in the Tooltip.
Step 6. Add the Content you want to trigger the Tooltip.
Step 7. Optionally, you can go to the Design tab and change the location and trigger for the Tooltip. When you are finished, click Insert.
Step 7. You are now back in the Text Block Element. You can add more normal text content if you wish. When you are finished click Save, and you are returned to your page. Preview to see your Tooltip in action.
NB. The Tooltip Content will always display in the main site color.
What』s the difference between a tooltip and a popover? These two elements are very similar in many ways, but their intended usage is quite different. If you want to give a small few word hint on how or what an element on the page does, use a tooltip. If you want to add any additional content, interactions, or content more than about a line; or if you need the content to remain open without the target being moused over, use a popover.
767,631 Businesses Trust Avada
Get Avada767,631 Businesses Trust Avada
Get Avada767,631 Businesses Trust Avada
Get Avada,How To Use The Tooltip Element In Avada Live
Please see the Inline Elements document for more details on how Inline Elements work in Avada Live.,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
General Tab
Title – Insert the text that displays in the tooltip.
Content – Insert the text that will activate the tooltip hover.
CSS Class – Allows you to add a class name to the wrapping HTML element. The class name does not have to be unique, but all areas with the same name will reflect any changes made to the class.
CSS ID – Allows you to add an ID to the wrapping HTML element. The ID must be unique to each CSS ID.
View The Options ScreenDesign Tab
Tooltip Position – Select the display position. Choose from Top, Bottom, Left, or Right.
Tooltip Trigger – Choose action to trigger the tooltip. Options are Hover or Click.
View The Options ScreenGlobal OptionsThere are no Global Options for the Tooltip Element.,Useful Links & ResourcesRead more about Inline Elements HereRead about how to use the Element Generator Here!