Home › Archive for Wordpress Tooltip Plugin Document › Page 40
Category: Wordpress Tooltip Plugin Document

How to Custom WordPress Tooltip Term Color in WordPress Post? Supported by WordPress Tooltip Plugin 14.8.0

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

As a long-time user of wordpress tooltip, you may know that you can custom many elements in the wordpress tooltip box, tooltip term… and so on, for example, you can custom tooltip content font size, tooltip box width, tooltip font family, tooltip term color when mouse hover — let’s say if you have a wordpress posts, when the front-end user mouse hover a Tooltip term, you can set up the wordpress tooltip plugin to change the color of the wordpress tooltip term — when mouse in the tooltip term, all things you need to do is a single mouse click in the wordpress tooltip style settings panel in the backend. By this way, you can customize a pretty wordpress tooltip style in 2 minutes via a few clicks in wordpress tooltip style settings panel 🙂

A few days before, we get a pre-sale question from a wordpress tooltip free plugin user, he asked:
“1. Does the Pro plugin allow me to change the format of the term on the page? For instance, of the term being underlined, could I instead change the color of the term text in the post?”

Yes wordpress tooltip pro plugin do allow wordpress tooltip editor to change the format of wordpress tooltip term in the wordpress pages, you can decide the underline color or underline style of wordpress tooltip term in back end, but in last wordpress tooltip plugin version, we do not support change the color of the wordpress tooltip term in the post directly, we do supported customize the color of the term when user mouse hover the tooltip term , after replied this ticket, our developer decide develop a new wordpress tooltip plugin version to allow wordpress tooltip editor change the color of the wordpress tooltip term in wordpress posts directly, not only change the mouse hover color of the term 🙂

How to Custom WordPress Tooltip Term Color in WordPress Post?

1: Please open wordpress glossary tooltip plugin site, if you have installed wordpress tooltip plugin 14.8.0, please jump to step #11 directly

2: Click “my account” link in the top menu bar in the wordpress tooltip plugin site

3: Please Download wordpress glossary tooltip plugin version 14.8.0 via “My account” page

4: Please login your wordpress site as wordpress administrator

5: Please Click “Plugins” menu item in your wordpress admin area

6: Please deactivated the old tooltips plugin version

7: Please click the “Delete” link to remove the old wordpress tooltip plugin

8: In “Plugins” menu item, please click “add new” link which at the top of the plugins panel

9: Please upload the tooltips plugin zip file that you downloaded from wordpress glossary plugin site

10:Please activate wordpress tooltip glossary plugin 14.8.0

11: Then please Click “Tooltips” menu item

12: Please click the “tooltip style” link to open the wordpress tooltip style settings panel, it will looks like this:

As you can see, at the bottom of the wordpress tooltip style panel, there are a new option “Tooltip Term Color in Post”, you can just click to custom the color of wordpress tooltip term in wordpress post via wordpress color picker

13: After set up the color of wordpress tooltip term in wordpress post via wordpress color picker, please remember to click the blue “Save Changes” blue button

14: Then in the front end, you will find color of wordpress tooltip term will be changed as the selected color in the wordpress tooltip style panel 🙂

15: If you want to remove the color of wordpress tooltip term in wordpress post, then back to the “Tooltip Term Color in Post” option, when you click the wordpress color clicker, you will find you a clear button, just click the clear button, and click the blue “Save Changes” blue button again, then in the front end, the color of wordpress tooltip term in wordpress post will be removed 🙂

Thanks for the great suggestion to wordpress tooltip plugin, if you have any question or feature request, please don’t hesitate to tell us, we are very happy to realize it for wordpress tooltip users 🙂

Purchase Now

Hope you have a blessed weekend with your family 🙂

WordPress Tooltip Plugin Support Team

Tagged with: , ,

How to create a wordpress icon tooltip using tooltips shortcode (added SVG tooltip)?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

A few days before, wordpress tooltips term wrote a document : How to Use WordPress Tooltip Shortcode tooltip_by_id in Woocomemrce Short Description? WordPress Tooltip Plugin 14.7.8,  we get a users of wordpress tooltips plugin, in which he asked how to use use WordPress Tooltip Shortcode [tooltips] to create pretty icon tooltip in wordpress tooltips and woocommerce products? Okay, with wordpress tooltip shortcode [tooltips], it is very easy to create pretty icon tooltips, I’d like write a tooltip document to help you understand how to use it 🙂

How to use use WordPress Tooltip Shortcode ‘tooltips’ to create pretty icon tooltip in wordpress tooltips and woocommerce products?

May be many users read our detailed wordpress tooltip shortcode document: How to use wordpress tooltip shortcode [tooltips] to add tooltips manually?, in that wordpress tooltip document, we have a section to add wordpress multimedia tooltip to an image using tooltip shortcode [tooltips] like this:

[tooltips keyword = "<img src='Source of image' />" content = "Alternative Multimedia content will be displayed as a tooltip"]

Actually, if you change the image src attribute as your icons and add width attribute, then you can make a pretty icon tooltip quickly, for example:

[tooltips keyword = 'Lovely Nurse' content = "‹img src='https://tooltips.org/wp-content/uploads/2021/06/nurse-tooltip.png' width='280' /›"]‹img style="margin-left: 10px;margin-right: 10px;" src="https://tooltips.org/wp-content/uploads/2021/06/nurse-tooltip.png" width="24" align="middle" /›lovely nurse[/tooltips]

Then it looks like this:

Lovely nurse:

Please mouse hover the nurse icon, you will find wordpress tooltip popup window, we will display the big lovely nurse image in the popup 🙂

Basically, you can insert any image or icon in the tooltip “content” attribute, and add any multiple-media content as tooltip term to crate an icon tooltip via thewordpress shrotcode [tootlips]

How to display Tooltip on SVG icons?

We have a detailed document How to Build a SVG Tooltip? You can use wordpress tooltip plugin to create a SVG tooltip easily:

1: Login your wordpress site admin

2: Click “Tooltips” menu item

3: Click “Addons” sub menu item to open “WordPress Tooltip Addons” panel

4: Then please select “Yes, support SVG image tooltips” in the option “Enable / Disable SVG Icon Tooltips”:

support SVG Icon Tooltips

support SVG Icon Tooltips

5 Click “Update Now” button to save your settings

6 Click wordpress “Media” menu item, now you can upload a SVG icons, by default, wordpress do not allow upload SVG icons, but after enabled SVG tooltip in wordpress tooltip addons panel, you can upload SVG icon files in wordpress media panel

7 Then open your wordpress posts editor, then use wordpress tooltip shortcocode “tooltips” to add tooltip to the svg graphics element which you uploaded to wordpress, it looks like this:

In front end, it looks like this:




Please try to mouse hover each svg arrow.
You will find SVG Tooltip pop-uped, so easy, right? Just follow our detailed step by step SVG Tooltip document, activate SVG Tooltip in wordpress tooltip addons panel, then upload your existing valid SVG icon, and use wordpress tooltip shortcode to create informational popups on any SVG icon, just a few minutes, tooltips can be displayed on all SVG quickly 🙂

 

Thanks, have a happy day with your family. 🙂

WordPress tooltips plugin team

How to Create WordPress Tooltip List Widget and How to Add Tooltip in Widget Text?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hey WordPress Tooltip plugin Users, hope this message find you are doing well and having happy day with your family 🙂 A few days before, we reported that we developed the wordpress tooltip plugin to allow wordpress tooltip users add tooltip effect on text in WordPress widget. So in the sidebar, you can add tooltip effects for each wordpress widget. Then we get a wordpress tooltip users question: how do I add a wordpress tooltip list in wordpress widget? Actually this feature (make a tooltip list widget) has been realized in many years before, I’d like reply in here publicly so more users can understand it easier 🙂

A: How to Create WordPress Tooltip List Widget?

What is wordpress widget?

wordpress widgets are small block that you can add into wordpress sitebars, which have structured content generated by wordpress plugins or wordpress themes. WordPress users can drag widget into wordpres sidebar without having to write any code. 🙂

What is Tooltip?

Tooltip are small popup box with more information like video / audio / image / google maps / QR code / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar.

How to make a wordpress tooltip list widget?

1: Login your wordpress tooltip site admin area
2: Click Appearance menu item in wordpress admin area
3: Click “Widget” sub menu item under Appearance menu item
4: You will find there are “tooltips” widget,it looks like this:

How to add wordpress tooltips to the sidebar

5 Please drag “Tooltips” widget into any wordpress sidebar

6 Please enter the title of wordpress tooltip widget, then click add widget button, it looks like this:

How to add wordpress tooltips to the sidebar

7 Then check front end of wordpress pages,  you will see the tooltips widget appeared in the sidebar you selected. WordPress Tooltip widget will display all tooltip terms in the widget, when users mouse hover a tooltip term in the wordpress tooltip widget, wordpress tooltip plugin will popup a window to display the tooltip content of that tooltip term, it looks like this:

wordpress-tootips-sidebar

Add wordpress tooltips to the sidebar

 

B: How to Add WordPress Tooltip Effect in Widget Text?

1: At first,  login in your wordpress site as wordpress admin

2: Click “Tooltips” menu item

3: Click “Optional Settings” sub menu item

4: You will open the “Tooltips Optional Settings” panel, it looks like this:

Tooltips Optional Settings in wordpress tooltips plugin 14.5.8

5: Check into the option “Tooltips For WordPress Widget”, you can enable / disable tooltips for wordpress widget in here

6: Please remember to click “Update Now” blue button

7: In the front end of your wordpress pages, you will find tooltips effect has been added for texts in wordpress widget, when users mouse hover any tooltip term in wordpress widgets, a tooltip pop-up window with tooltip content will be displayed, you can add video / audio / image / google map /  text / QR Code… and so on in your wordpress tooltip content 🙂

Hope this have a little help 🙂

Purchase Now
Tagged with: , , ,

How to Use WordPress Tooltip Shortcode tooltip_by_id in Woocomemrce Short Description? WordPress Tooltip Plugin 14.7.

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

WordPress Tooltip plugin Users, hope this message find you are doing well and having happy day with your family 🙂 As you know, wordpress tooltip plugin support many wordpress tooltip shortcodes. And many users like use our woocommerce tooltip, and a few advanced wordpress tooltip user like to use wordpress tooltip shortcode tooltip_by_id to add WordPress tooltip effect as icon Tooltip in Woocommerce.

What is WooCommerce Plugin?

WooCommerce is a wordpress plugin which developer friendly, too. Built with a REST API, WooCommerce is scalable and can integrate with virtually any service. Design a complex store from scratch, extend a store for a client

What is WordPress Tooltip Plugin?

WordPress tooltip plugin is a tooltips plugin for wordpress, which be designed to help you create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space.

What is WooCommerce Tooltip?

woocommerce tooltip help you display more product information (video, audio, image, text, QR Code, shipping information, FAQ) in woocommerce Products, which help your potential customers better understand & interest your Products and increase sales 🙂

We get a few advanced woocommerce tooltip user’s report, they said they love our woocommerce tooltip plugin, when they want to add woocommerce tooltip effect on woocommerce product description or product short description, what they need is just create a wordpress tooltip term in wordpress tooltip editor, and then wordpress tooltip plugin will scan content in woocommerce product description or product short description or woocommerce product title,  or product name in woocommerce shop , or woocommerce product attribute tabs… and so on, then add tooltips effect on tooltip terms automaticalty 🙂 That’s great, but they want more, they want to use wordpress tooltip shortcode tooltip_by_id to add woocommerce icon tooltip in woocommerce product pages, they found customers like mouse hover these lovely icon, and click purchase links in the popup window of these lovely icons 🙂

A little problem is, in woocommerce short description section, they found when insert wordpress tooltip shortcode tooltip_by_id, sometimes, there are a little messed up in the content in woocommerce tooltip pop-up window, they how can fix this problem so they can use tooltip shortcode tooltip_by_id in woocommerce short description section too 🙂

That’s why we released wordpress tooltip 14.7.8, now you can use tooltip shortcode tooltip_by_id in woocommerce short description section to make your lovely woocommerce icon tooltip to increase sales in your woocommerce shop 🙂

 

 

How to Use WordPress Tooltip Shortcode tooltips_by_id in Woocomemrce Short Description? WordPress Tooltip Plugin 14.7.8

Purchase Now
Thanks for the great report for wordpress tooltip plugin, If you have any suggestion or question of wordpress tooltip plugin , please don’t hesitate to tell us, we are very happy to improve your wordpress tooltip plugin for wordpress users, in the current time, we are developing  a new wordpress tooltip plugin, you will see it soon 🙂
Thanks, have a blessed day with your family 🙂
Best Regards,
WordPress Tooltip Glossary Support Team
Tagged with: , , , ,

How to Add WordPress Tooltips to the First N Matching Tooltip Term in the WordPress page? Supported by WordPress Tooltip Plugin 14.7.6

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Dear WordPress Tooltip Users,  hope this message find you are doing well and having happy weekend with your family 🙂 We get an amazing wordpress tooltip user’s ticket, he said:

Tooltips Optional Settings – Disable Tooltips for Selected Classes and IDs: .wp-caption-text
what is text below inserted images. and is working, BUT when next time is tooltip word in the text, for example “NASA” it is not set as tooltip.

I expected when I disable Tooltips in selected class it will be found in other text, not totally disabled.

After requested more details, the user told us:

I was talking about other bug:

1. set this option “Tooltip Keyword Matching Mode” to “Add tooltips to the first matching keyword in the same page”

2. I have set option “Disable Tooltips for Selected Classes and IDs” to class “.wp-caption”

3. Now when the keyword first match on page is in the disabled class, keyword is not matched on second match.

– keyword “NASA” is first time in the image description and it is not matched because disabled class .wp-capttion – this is ok

– but next appearances of “NASA” are but not matched as Tooltip

Then we understand when he opt to only add tooltip effect to the first matching tooltip term in a wordpress page, and at the same time he disabled the CSS class which wrapped the first matching tooltip term, then the second matching tooltip term did not have tooltip effects 🙂

Okay, this is not a bug, and actually a simple method is use wordpress tooltip shortcode to make the wordpress tooltip effect for the second tooltip term “NASA”, but our developer said he want to improve wordpress tooltip plugin to the easiest plugin to use, so he tried to solve this problem for user, but finally, he found, because our tooltip core functions is based on php function preg_replace, and  tehe php function preg_replace have no method to match the specified Nth match! We read all documents of php function preg_replace and read many wordpress articles, we can not find the correct tools in php or in wordpress tooltip solve this problem, finally, our developer find another method: add a new option in the “Keyword Matching Mode” selection box — Add tooltips to the first N matching keyword in the same page. Then the problem can be solved in the new verison WordPress Tooltip Plugin 14.7.6 🙂

How to Add WordPress Tooltips to the First N Matching Tooltip Term in the WordPress page?

1: Login your wordpress site

2: Click “Tooltips” menu item

3: Click Tooltip Global Settings sub menu item

4: Then you will open the WordPress Tooltip Global Settings panel, you will find in panel “Keyword Matching Mode”, we have added a new option “Add tooltips to the first N matching keyword in the same page” in the “Keyword Matching Mode” select box

It looks like this:

tooltip keyword matching mode 14.7.6

tooltip keyword matching mode 14.7.6

Please try to change options in “Keyword Matching Mode” select box, when you  selected “Add tooltips to the first N matching keyword in the same page” option, then you will find a new input text box, in which you can opt to add the first N matching keyword in the same wordpress page, for example, in the case which the amazing user told us, what he need to do is just enter “2” in the input box, then because the first tooltip term effect has been disabled by his settings in the option “Disable Tooltips for Selected Classes and IDs” to class “.wp-caption”, then wordpress tooltip plugin will try to add tooltip effect to the next 2ed tooltip term 🙂

Please note, by default, the input text box will be hide, only when you selected “Add tooltips to the first N matching keyword in the same page” option, then the input text box will be displayed, if you try to select other options in the Keyword Matching Mode panel, the input text box will be hide again 🙂

This changes will effect:

wordpress tooltips core function
and
acf tooltip
bbpress tooltip
buddypress tooltip
contact form 7 tooltipwoocommerce tooltip
woocommerce tooltip
advanced woocommerce tooltip
custom tabls for woocommerce tooltip
menu tooltip
tablepress tooltip

Would you please upgrade to the wordpress tooltip plugin 14.7.6 and do a check? 🙂

 

Purchase Now
Thanks, have a blessed day with your family 🙂
Best Regards,
Tagged with: , ,

How to Enable the Glossary Full Content Link in WordPress Tooltip Pop-up Window?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Two days before, we wrote a document for an wordpress tooltip user: How to Replace the Color of the “More Details” Link of Glossary in the WordPress Tooltip Pop-up Window?   , then we get an wordpress tooltip plugin user’s question, he said he want to know, how do I enable “More Details” glossary full text content link in wordpress tooltip plugin?

Good question, we’d like write this document for the users who have the same question:

How to Enable the Glossary Full-Text Content Link in WordPress Tooltip Pop-up Window?

1: Login your account at wordpress glossary tooltip plugin site

2: Download wordpress glossary tooltip plugin at “My account” page

3: Login your wordpress site admin area

4: Click “Plugins” menu item on your wordpress back end

5: Deactivated old tooltips version

6: Delete the old wordpress tooltip plugin

7: In “Plugins” menu item, click add new at the top of the plugins panel

8: Upload the tooltips plugin zip file which you downloaded from wordpress glossary plugin site

9: Activate latest version of wordpress tooltip glossary plugin

10: Click “Tooltips” menu item

11: Click “Optional Settings” sub menu item,  you will open “Tooltips Optional Settings” panel, it looks like this:

Wordpress Tooltip Plugin 14.6.6 Optional Settings

WordPress Tooltip Plugin 14.6.6 Optional Settings

12: Then In “Tooltips Optional Settings” panel, please check the option “add links for tooltip terms in tooltip popup box” option, if you enabled this option, wordpress tooltip plugin will add tooltip glossary term links in tooltip popup box, and enable “Enable Glossary Index Page” option in Glossary Settings Panel automatically.

It is easy, just one click to enable the option, then you can display more details link of wordpress glossary full-text content page in the wordpress tooltip popup window, it is a good method to make the tooltip style very nice and clean 🙂

13 Please remember to click “Save Changes” blue button

14 In front end,when you mouse hover a wordpress tooltip term, you will find more details link in the tooltip pop-up box, you can click link to open the glossary full-text page of that tooltip term 🙂

Also you can change language of the wordpress glossary “More Details” with your language .

 

Purchase Now
Tagged with: , , , , ,

How to Replace the Color of the “More Details” Link of Glossary in the WordPress Tooltip Pop-up Window?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — 2 Comments ↓

Dear Users of WordPress Tooltip Plugin, hope this message find you are doing well and having happy weekend with your family 🙂 We get an wordpress tooltip user’s ticket, he asked us a question: how can I changed the color of the “more details” in the wordpress tooltip pop-up window? I think more wordpress tooltip users have the same question, I’d like write a tooltip document in here:

How to Custom the Color of the “More Details” Link of Glossary in the WordPress Tooltip Pop-up Window?

As a user of the wordpress tooltip plugin, you may know that you can choose not to load the full text of the tooltip term in the wordpress tooltip popup, you can choose to load only the excerpt of the tooltip term,in the wordpress tooltip window, and you can choose to add a “more details” link to the glossary page which have the full content text of the tooltip term in the wordpress tooltip popup window. If you have some wordpress tooltip terms which very long tooltip content, this is a great way to make the tooltip style very nice and clean 🙂

By default, the color of the more details link is #333, but a wordpress tooltip user told us, he set up #333 as the wordpress tooltip popup background color, so the wordpress glossary more details link don’t look obvious and it’s hard for users to notice it, he hope to know how can he custom the color of the “more details” link to the glossary page 🙂

It is very easy to custom the color of the “more details” link to the glossary page, just a few mouse clicks:

1: Login your wordpress site admin area

2: Click “Tooltips” menu item

3: Click “Tooltip Style” sub menu item

4: Then you will open the wordpress tooltip style panel, you will find an option “Color of Glossary Term Link in Tooltip Box”, it looks like this:

wordpress tooltip customize setitngs panel

wordpress tooltip customize setitngs panel

Please select the color of “Color of Glossary Term Link in Tooltip Box” via the color picker and click “Save Changes” blue button.

5: In the front end, when user mouse hover a wordpress tooltip term, he will find the color of glossary term link in this tooltip pop-up window has been changed as your selected color in the step #4 🙂

We are developing a new wordpress tooltip plugin, for a very hard solution of a difficult feature request which submitted by an amazing user, which used our a few days hard work, you will see it soon 🙂

Purchase Now
Thanks, have a blessed day with your family 🙂
Best Regards,
Tagged with: , , , , ,

How to Disable Tooltips for Selected CSS Classes and IDS? You can Disable Tooltips for Any Element in Your WordPress Post

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Dear WordPress Tooltip Users, hope this message find you are doing well and having happy weekend with your family 🙂 We get an wordpress tooltip free plugin user’s ticket, request help him disable tooltips in specific tooltip terms in his wordpress tooltip post.

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.

Also he request have a method to disable tooltips for the 15th tooltip terms and enable tooltips effect for the same tooltip terms in other sections in the wordpress post 🙂

Okay…., in the wordpress tooltips free plugin version, we do not support this yet, but with wordpress tooltips pro plugin version, in the wordpress tooltip free plugin, wordpress tooltips  can disable wordpress tooltips via options: “Disable tooltips in h1, h2, h3… links, more HTML tags”, and “Enable / disable tooltips for post excerpt”, and “enable / disable tooltips for images”, and “disable tooltips in entire site”, and “disable tooltip on mobile devices”, and “enable / disable tooltips for category title”… and so on, of course in the wordpress tooltips free plugin version, we can not support the users’ request,  but in the wordpress tooltip pro plugin, we do have an option “Disable tooltips for selected classed and ids” in wordpress tooltip optional settings panel, it looks like this:

disable wordpress tooltip for selected css classed and ids and html tagsAs you can see, in Tooltips Optional Settings panel, there are the “Disable tooltips for selected classed and ids” option, you can enter CSS Classes and IDs(split with comma “,”) in here,  in front end, we will remove tooltip effects from selected classed and ids 🙂

So if you want to disable tooltips for the 15th tooltip term in the wordpress post, and keep tooltips effect in other same tooltip terms, just edit your wordpress posts, add an span class for the 15th wordpress tooltip term, for example, “<span classs=’wanttoremovetooltipeffect’>your keyword</span>”, and input the class “.wanttoremovetooltipeffect” in the “Disable tooltips for selected classed and ids” option, then in the front end, all tooltip term that be wrapped in the span class “.wanttoremovetooltipeffect” will have no tooltip effect. Of course, you can use more html tags, for example, div, p, h5,h1… and so on, it will works well too 🙂

Or if your tooltip terms in a section which generated by a 3rd wordpress plugin, in general, their content will be wrapped by their div, what you need to do is just open your browser, then open the wordpress page in the browser, enter F12, then you will open browser inspector, just move your mouse to point to the section that generated by the 3rd wordpress plugin, you will find the div id or div class… and so on, just copy it and enter the class or id in the “Disable tooltips for selected classed and ids” option, then all wordpress tooltip term in this section will remove tooltip effects on the front end 🙂

We are adding this disable wordpress tooltip for selected class and ids feature to wordpress tooltip free version, you will see it soon, hope this help more wordpress tooltip users which have this problem 🙂

Purchase Now
Thanks, have a blessed day with your family 🙂
Best Regards,
Tagged with: , , ,

Better Advanced Elementor Tooltip Support, WordPress Tooltip Plugin 14.6.6

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hey Dear Users of WordPress Tooltip plugin, hope this message find you are doing well and having happy days with your family. An wordpress tooltip user told us he found some setup conflicts between elementor page builder and wordpress tooltip plugin, we traced into the codes of wordpress elementor pro plugin and wordpress tooltip pro plugin, and solved the problem for wordperss elementor page builder 🙂

What is Elementor page builder?

On Elementor official page they saying “Elementor is The World’s Leading WordPress Website Builder”, and there are 5,000,000+ Professionals Who Build Better Sites With Elementor. In Elementor wordpress plugin page, they said

Elementor Website Builder comes with an exclusive toolset, that lets you create a truly responsive website in a whole new and visual way. From different font size, padding and margin per device, to reverse column ordering, this is the most powerful mobile site builder for creating perfect responsive websites.

What is Tooltip?

Tooltip are small popup box with more information like video /  audio / image / google maps / QR code / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar.. and so on, wordpress tooltip plugin supports add tooltip effect on any element on the wordpress posts.

What is WordPress Tooltip Plugin?

WordPress tooltip plugin is a tooltips plugin for wordpress, which be designed to help you create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space.

When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.

WordPress Tooltip Plugin Support Elementor Page Builder to Build Elementor Tooltip

We have many users using wordpress tooltip working with wordpress elementor page builder, and them told us everything works well. But some days before, we get an amazing wordpress tooltip and elementor user’s ticket, in which he told us:

Hello,
I save every page with setting “Disable all tooltips in this post”  (check) and “Enable Advance Tooltips Shortcode” – because I just
wanna put specific shortcodes to show tooltips in the pages.

When I save this setting – everything is fine, but when I am editing any page after that with Elementor and come back to the overview again, the setting is always resetted to “unchecked” and “Disabled”,  Do you know why this is? It is very annoying to set it after
every changing again to my required setting.

Best regards

This is really strange, it is the first time we heard this kind of problem, we tried to re-play the problem on our side, but we get many unexpected difficulty hard works, for example, when we try to open elementor to edit any page in wordpress site, elementor give us a popup window said “the preview coulc not be loaded”, we did a search, we found many elementor users have the same problem, we searched elementor pro official site, we found they have a document to tell users how to avoid this problem, we followed their guide to re-setup our apache2, php.ini, memory, .htaccess…. a lot of may be reasons…, but did not solve the problem, after read many of article in the internet, and did many many tests, finally, we fixed the problem via a document in a  small blog…, this used our a few days hard work to drop into this deeply river…, but after used elementor page builder to edit the wordpress page, we do love it, a great plugin 🙂

After tested functions of elementor editor, we found there are no meta box in elementor, we had to test save metabox in the wordpress gutenberg editor, so that means we need edit the wordpress post twice, and we do find the problem which reported by the amazing users,  we  analyzed the codes of elementor, finally, we found the reason of the conflicts, that’s why we released wordpress tooltip 14.6.6, and now you can use elementor with advanced tooltip shortcode smoothly, no need to save the metabox again after update the wordpress post in elementor page builder 🙂

It is had to find the problem, really a hard work, thanks for the great report from the amazing user!

if you have any question or suggestion of wordpress tooltip plugin, please don’t hesitate to tell us, we are happy to build a better wordpress plugin for you 🙂
Thanks, have a blessed day with your family 🙂
Best Regards,
WordPress Tooltip Support
Tagged with: , , ,

How to Customize the WordPress Glossary with a Different Style According to the Category They Belong to? Supported by WordPress Tooltip Glossary Plugin Multi-Site Version 14.6.4

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

DearWordPress Tooltip plugin users,  hope this message find you are doing well and having happy days with your family 🙂  An amazing wordpress tooltip user told us he want to find a method to customize the background for each wordpress tooltip glossary item in glossary page according to the wordpress tooltip category :

Hi guys, is it possible to customize tooltips differently for each category? Are there different html tags for the tooltip categories that allow meto customize the css code?

May be you known, in our wordpress tooltip plugin, we support customize style for each wordpress tooltip item, but the tooltip category is only used by tooltip glossary shortcode — which used to build a glossary page, and in the glossary settings panel, glossary users have ability to customize style for glossary elements, for example: Glossary Term Font Color, Glossary Term Font Size, Glossary Content Font Color, Glossary List Border Color, Background Color of Glossary Terms Title, Background Color of Glossary Terms Content…etc, it looks like this:

glossary settings panel in wordpress glossary plugin 14.5.4

glossary settings panel in wordpress glossary plugin 14.5.4

So as you can see, via glossary panel, you can customize wordpress glossary style just via a few mouse clicks, for avoid any  miss-understand of the user’s question, we replied:

Thanks for the message 🙂

We are very happy to help you 🙂

Sorry this is the first time we heard this kind of request, would you please tell us more details about how do you want to custom it? So we can understand it better? 🙂

Thanks, have a blessed day with your family 🙂

The user replied more details:

I should customize the tooltips with a different style according to the category they belong to.
For example, if the tooltip is assigned to “category 1” the background should have a specific colour, but if it is assigned to “category 2” the
background should have a different colour. Is it possible?

We replied:

Thanks for the reply 🙂

Understood, sorry, in the current time, we cannot do it yet, but we will try to realize this feature in future version 🙂

Thanks, have a blessed day with your family 🙂

This is why we developed a new wordpress tooltip glossary plugin version to solve it for users 🙂

In general, wordpress tooltip glossary users can build a pretty glossary page via wordpress glossary shortcode:

[glossary] , and you can use the WordPress glossary shortcode to display a wordpress glossary category separately in glossary page, just write your wordpress glossary shortcode like this:

[glossary catid='5,10,12']

Now, if you upgraded to wordpress tooltip glossary multi-site license version, you can assign specific background color for each glossary,  or each glossary category,  it looks like this:

[glossary catid='5' titlebackgroundcolor='red']

you can use the html color tag, red, blue, green, yellow…etc as backgroun color in here

or you can use css color code like this:

[glossary catid='7' contentbackgroundcolor='#963412']

or use both of html color tag and css color code:

[glossary catid='10' titlebackgroundcolor='red' contentbackgroundcolor='#963412']

By this way, you can easy to customize the WordPress Glossary with different background according to the glossary category they belong to? We will develop new wordpress tooltip glossary versions to support customize more style for each glossary via glossary shortcode 🙂

Please note, this advanced glossary shortcode just supported in wordpress tooltip multi-site license, if users need upgrade from single-site license to multi-site license, we’d like offer a discount to help users upgrade quickly 🙂

Purchase Now
Thanks for the great feature request, if you have any question or suggestion of wordpress tooltip plugin, please don’t hesitate to tell us, we are happy to build a better wordpress plugin for you 🙂
Thanks, have a blessed day with your family 🙂
Best Regards,
WordPress Tooltip Glossary Plugin Support Team
Tagged with: , , , ,
Top