Use this handy Tooltip module by Droit Addons for Elementor to add informative tooltips anywhere on your website.

To Use Tooltip #

Step 1 #

Make sure you have the Tooltip module enabled from your Dashboard > Droit Addons > Modules

Droit Addons Dashboard - Tooltip module

Step 2 #

To use this Tooltip module head over to any page or post and click on Edit with Elementor

Now click on the element/section that you want to add a tooltip to. The Tooltip module is available on the Advanced customization tab. 

Step 3 #

To start adding tooltip content to elements, click on enable, and here you will find the content box under the Settings tab. You also have the option to add animation, animation duration, position, trigger, and spacing to your tooltip from the Settings tab.

Tooltip module Setiings tab

Step 4 #

You also have the option to further customize the tooltip text, from the Style tab. From here you can add typography, text & background color, font size, and so much more.

Tooltip module - Style tab

After that press update and click on the preview icon to see your changes in action. 

And that’s it. When you’re done, press “Publish” to save your changes.

Powered by BetterDocs