Forum Replies Created
Hi @torbjornhb,
I hope you are doing well and having happy days with your family 🙂 The developer of wordpress tooltip plugin tried to install a few table of contents plugins. We are happy to inform you that, yes, we can avoid showing tooltips in the content list on top of the page 🙂
How to to avoid showing wordpress tooltips in the content list on top of the page?
We have a few methods to avoid show tooltips in the content list in a wordpress page via wordpress tooltips pro plus version 🙂
Method 1: WordPress Tooltips Plugin Admin can Disable Tooltips for Selected CSS Classes and IDS, You can Disable Tooltips for Any Element in Your WordPress Post
In May 29 2021, we have resolved this issue for another similar wordpress tooltip user at here:
The WordPress tooltip user asked:
When Tooltip shows up in the Table of Contents it breaks the navigational link to the point of reference in the post. How do I disable tooltips showing up in the Table of contents, and only to show up in the post.
In the WordPress Tooltips optional settings panel, we offer a feature that allows you to “Disable tooltips for selected classes and IDs.”
Here’s how it works:
Within the Tooltips Optional Settings panel, you’ll find the option to disable tooltips based on specific CSS classes, IDs, or HTML tags. It looks like this:
Simply enter the classes and IDs you wish to exclude, separated by commas. Once set, the tooltip effects will be removed from the specified classes or IDs on the front end!
For example, if you want to disable the tooltip for the 15th term in your WordPress post while keeping the tooltips for the other terms intact, you can easily do this by making a small edit. Surround the 15th tooltip term with a < span > tag, like this: < span class=’wanttoremovetooltipeffect’ >your keyword< /span >.
Then, in the “Disable tooltips for selected classes and IDs” field, enter the class name .wanttoremovetooltipeffect. As a result, any wordpress tooltip term wrapped in that class will not display a tooltip effect. You can also apply this to various HTML tags such as <div>, <p>, <h1>, <h5>, and more—it works just as well!
If your tooltip terms are contained within a section created by a third-party WordPress plugin, the content will typically be wrapped in a <div>. To find the relevant class or ID, open your browser and navigate to your WordPress page. Press F12 to launch the browser inspector, then hover over the section generated by the plugin to identify the corresponding <div> ID or class.
Simply copy this identifier and add it to the “Disable tooltips for selected classes and IDs” option. This will ensure that all tooltip terms within this section no longer display tooltip effects on the front end!
Method 2: WordPress Tooltips Plugin Admin can Disable Tooltips for Any WordPress Post via “Disable Tooltip for This Page” Meta Box in WordPress Post Editor
When you create or modify a post or page in WordPress using the standard editor, you’ll notice a “Disable Tooltip for This Page” meta box located on the right side of the editor.
By selecting the “Disable Tooltips for This Page” option in this meta box, you can prevent tooltips from appearing in that particular post. It will look something like this:
To clarify this feature, let’s consider an example. Suppose you have a tooltip term labeled “WordPress,” with its associated content being “We all love WordPress.” Typically, if your post includes the word “WordPress,” our tooltips plugin will automatically recognize it and apply tooltip effects, such as dotted or double underlines.
When users hover over the word “WordPress,” a tooltip pop-up will appear. However, if you choose to disable tooltips for that page, even if the word “WordPress” is present in your post, no tooltip effects will be shown. As a result, hovering over “WordPress” will not trigger the tooltip content.
It’s important to keep in mind that while tooltips will not display automatically on this particular page, you still have the option to manually insert tooltips by using the tooltip shortcode “tooltips.”
Method 3: WordPress Tooltips Plugin Admin can Bulk Disable Tooltips Using Post IDs in WordPress Tooltips Optional Settings Panel
- Start by accessing your WordPress admin dashboard.
- Find the “Tooltips” section in the menu.
- Select the “Optional Settings” option located under the Tooltips plugin. It should appear similar to the following: WordPress Tooltips Menu Item.
[caption id="attachment_9994" align="alignnone" width="155"]
tooltips menu in wordpress tooltips pro plus 27.5.8[/caption]- You will then be taken to the “Optional Settings” page, where you will notice the “Bulk Disable Tooltips by Post ID” input field. This is how it looks:
- Bulk Disable Tooltips by Post ID. Here, you can enter the post IDs for which you want to turn off tooltips. If you have multiple IDs, simply separate them with commas. For example, you can type: 3,22,58,126,583. After saving these changes, the WordPress Tooltip Plugin will no longer add tooltip effects to the specified posts when viewed on the front end. Please be aware that this feature does not affect tooltips created using the “tooltips” shortcode.
- Using this method, you can disable tooltips across several WordPress pages simultaneously without the need to manually disable them one by one!
Hope this have a little help 🙂
Thanks, have a blessed day with your family 🙂
Best Regards,
Wordpress Tooltips Support
Hi @klwild,
Thank you for your question! We are very happy to help you solve the problem. We believe there might be more users with similar questions, so we have decided to write a detailed document here for you publicly.
How to Disable WordPress Tooltips in URL-Links?
1: login wordpress as admin
2: In wordpress dashboard, click “Tooltips” menu item, it looks like this:
tooltips menu in wordpress tooltips pro plus 27.5.8
3: If you are using wordpress tooltips pro plus plugin, please click “Optional settings” sub menu item, if you are using wordpress tootlips free plugin, please click “Global settings” sub menu item.
4: Then, in the control panel, you will find the option “Disable Tooltips in H1, H2….,Link”, it looks like this:
In the option “Disable Tooltips in H1, H2….,Link”, simply enter “a” in the input text filed.
5: Then, in the front-end, wordpress tooltips plugin will remove tooltip effects from tooltip terms that embedded in the URL-links
We also have more features to disable tooltips in wordpress pages, please check more details at: How to suspend the wordpress tooltip for a wordpress page?
Hope this have a little help
If you have any more questions about wordpress tooltips plugin, please don’t hesitate to contact us, we are very happy to assist you in solving any problems with the wordpress tooltips plugin
Thanks, have a blessed day with your family
Best Regards,
WordPress Tooltips Plugin Support
Hi @sean-bernardino,
I hope this message find you are doing well and have happy weekend with your family
Thanks for the message , we are very happy to help you
How to link or associate wordpress tooltip to a given element?
1. Please create a new wordpress tooltip term, in wordpress dashboard, you can click on the “Add New” submenu item to open the Tooltips Creator. The interface will resemble the tooltips editor shown below:
tooltips editor
2. In the above diagram, you’ll notice a metabox labeled “Tooltips for Forms.” However, it should actually be titled “Tooltips for Classes.” We made this change because we observed that the most common use cases involved adding tooltips to form elements or fields using CSS classes or IDs. This alteration is intended to help users understand the metabox purpose as tooltips for forms.
3. Simply enter the CSS class or CSS ID in the “Tooltip for Forms” input box where you want to apply the tooltip effect:
For example, tooltips for class:
.input_box_1
or tooltips for ID:
#text_box_2If you’re unsure how to find the CSS Class or CSS ID for a specific component in WordPress, please refer to the guide titled “How to Find a CSS Class or CSS ID of a Component in WordPress Page?“
4. Make sure you’ve entered the tooltip title and content in the tooltips editor, then click the “Publish” button.
5. On the frontend, when you visit a page that contains the specified CSS class or CSS ID, hovering over the class element will trigger the display of the tooltip content in a tooltip window.
6. Here to check tooltips for class DEMO , you can see a demonstration of wordpress tooltips for classes. In the form, as you hover over each field, a dedicated tooltip window will appear. This way, you can add tooltips for various CSS classes or IDs on the frontend. For instance, you can have tooltips for contact forms, images, videos, buttons, menu items, maps, text, and more.
7. Please note that within the tooltip editor, you can customize unique and visually appealing tooltip styles for each tooltip term. Additionally, you can apply different animations for individual tooltips.
Hope this have a little help
Thanks, have a blessed weekend with your family
Best Regards,
Wordpress tooltip plugin support
