Dear  WordPress Tooltip Plugin users, hope you are doing well and have happy day with your family 🙂 We got a suggestion from an amazing user of wordpress tooltip, he said after removed all tooltip box padding and tooltip border, he found tooltip box looks not pretty:

I followed the directions and it kinda solved the problem but there are still some issues i’ve noticed with the plugin.

Here are the issues I’m still having:

1. on the bottom of the gif there is a white boarder and light blue triangle. I do not want these
2. The solid line is not showing up under the text – nor is any of the Tooltips Underline Style
3. The color of the text is not applying to the link

Our wordpress tooltip developer did a check of these problems, he found yes, after set up the wordpress tooltip box padding as 0, the triangle looks not good for the tooltip box, it is better remove it, so our wordpress tooltip developer developed a new version wordpress tooltips plugin 15.1.6 to solve this problem, when you remove all padding and border, the tooltip triangle will be removed automatically too , this change will effect wordpress tooltips pro plugin version and wordpress tooltips pro plus plugin version 🙂

And then he used a lot of time to check the problem “The solid line is not showing up under the text – nor is any of the Tooltips Underline Style”, but no matter how to set up wordpress tooltips style, we can not re-play this problem in our side, our developer checked our code many times, it seems this problem should not happen, finally, our developer checked user’s site carefully, and he found in the user’s site, they have a theme css file caused the problem:

dynamic_avia/avia-merged-styles-94f46d2fb350b24f75d15292bf6c14eb—6123c905ac69c.css

there are a few codes looks like this:

.main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a {
border-color: transparent;

That means all border color has be set up as transparent — include tooltip border which existed in the wordpress post!

So this conflict is hard to just solved by our side, because this problem is generated by their theme, our developer kindly find a solution like this:

1: login wordpress dashboard as admin

2: click tooltips menu item in wordpress dashboard

3: click tooltips coder sub menu item

4: you will open tooltips coder input box, just enter a code line like this:

.tooltipsall { border-bottom: 2px dotted #ffffff !important; }

just change #ffffff as the underline color what you want, if you do not know the color css code, that’s not a problem, please:

1: login wordpress as wordpress admin

2: in wordpress dashboard, click tooltips menu item

3: click tooltips style sub menu item, you will open the tooltips style settings panel, it looks like this:

tooltip style panel — change color of links for tooltip content in the tooltip box option

You will find the option “tooltip underline color”, just click the color picker in the option “tooltip underline color”, you can get the color value in the color picker, just copy it, it looks like “#eeeeee”, or “#000000″… and so on, copy this color code and replace our suggested code line in tooltips coder like this:

.tooltipsall { border-bottom: 2px dotted #eeeeee !important; }

Then clear your wordpress plugin cache, and your browser cache, and open the wordpress page in browser again, you will find all things works well, the problem caused by your wordpress theme has dissapear 🙂

About the problem “3. The color of the text is not applying to the link”

It is easy to be solved, it is because you did not set up the option “Tooltip Term Color in Post” in wordpress tooltip style panel, we did a test, we set up it as #ffffff and in wordpress post it works well 🙂

Please upgrade to the WordPress Tooltips Plugin 15.1.6 asap 🙂

Thanks for great suggestion for the wordpress tooltip plugin, it is really help wordpress tooltip plugin better and easier for wordpress tooltip users, should you require any further assistance or question for wordpress tooltip, please do not hesitate to contact us, we’re are very happy to help you solve solve it. 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
WordPress Tooltip Support Team