Table Of Contents

Elementor Widget Tooltip

How to Use Elementor Widget Tooltip

An extension that works here on the basis of a widget. Whatever widget you use to show your content, you can apply for the Elementor Widget Tooltip extension with the widget. Generally, you will find settings and style tab to handle the tooltip.

Note: Here is a limitation. It is not a major issue. In the editor, you will not be able to see the tool-tip. So, you’ve to hit the preview changes.

Let’s go ahead.

Widget Inserting and Tooltip

For explaining the concept, I’ll here insert the Image widget and Google map widget and do all these things in bullets points. So, let’s start.

Configuring Elementor Widget Tooltip
  • First of all, insert any widget( for example, Image widget and Google Map widget) so that you are able to give the tool-tip effect.
  • Secondly, select the section hitting the widget(for example, Image widget). After that, go to the Advanced Tab > Use Tooltip?.
  • You using the switcher button Use Tool-tip under the Advanced tab, can set up the layout and style the tool-tip. And for that, you have to work with two tabs named Settings and Style. Just, use them.

    1. Settings – This tab will let you add text in the description field, select placement, and Animation. Mostly, you can use an arrow just enabling the arrow switcher button. Here, in this section, you might set distance and offset as your requirement.

    2. Style – If you want to style, hit style tab, and use the controls. See from this section, you’ll be able to set the tooltip width and mostly, background color and arrow color.

If you do all these things mentioned above, your’re all set.

Video Assist

In conclusion, if you read this doc, you can see how to use Elementor widget Tooltip. Hopefully, it is clear that two things work for widget tooltips.

  • Use Tooltip? switcher button (need to check yes)
  • Settings and Style.

In case, you feel you need more support, you can watch the video inserted above. Enjoy the widget provided by Element Pack pro, developed by Bdthemes.

Enjoy New Year 2022 with a 35% Discount on all Products! Check Here


Don’t worry we hate spam and we promise you will get only quality news and offer from us.

© Copyright 2021 All Rights Reserved by BdThemes