50% DISCOUNT on ALL Artbees Themes This Valentine Season, from Feb 14 till Feb 21 | Get yours now!
Last Updated on
The tooltip shortcode is a Jupiter shortcodes that allows you to add tooltips to inline texts on your page.
In this article, we’ll explain how to configure the tooltip shortcode.
To see the tooltip shortcode in action, check out the demo page.
In this article
To add the shortcode:
Add a new page or edit an existing page.
From the Visual Composer screen, click on the + button.
In the Add Element pop-up screen, search for Tooltip and click on it to be added to the page.
When the shortcode is added, a new pop-up screen called Tooltip Setting will open that allows you to configure the shortcode settings.
Configure the settings as required. More settings are explained in the next sections.
|Text||Adds the inline text to the page.|
Click on Save Changes and publish or update the page to check the result.
After you added the tooltip shortcode, a pop-up window will appear where you can set its options. Below is a detailed description of each option for tooltip shortcode.
|Tooltip Text|| Adds the tooltip text which will be shown when hovering over the inline text.|
|Tooltip URL||Adds a URL for the text if you want to link the tooltip text to a webpage.|
You can read the Adding a custom CSS class to a shortcode article for further explanation.
Was this helpful?
You can vote again after 1 hour
Need custom services? Hire us and have your coffee!
PSD 2 WordPress. Content Management. Custom coding.