Discussion on CSS3 Tooltips Pack

Discussion on CSS3 Tooltips Pack

Cart 684 sales

QuanticaLabs supports this item


This author's response time can be up to 1 business day.

52 comments found.

Hi. Is this responsive?

Hi, yes it is

Hello .. I hope you have great sales at this site .. Follow me TOO :D

I need to set multiple mouseover points on one image. can I achieve that with this one?

Hello turbocrusher, unfortunately not. It’s for creating tooltips for different HTML tags.

Any plans for a Wordpress version?


I would like to integrate CSS3 Tooltip in a prestashop CSS 1.6 page…

Could you tell me how to do, if you please?

Hi, you should look for a prestashop tooltip addon. I don’t have enough knowledge to help you with such an integration. Sorry for the inconvenience.


great script . All is fine but I have a question:

Ho can I call a external html page into the tooltip? e.g.

Kind regards for answhere.


Hello, if you would like to have a link inside a tooltip you have to replace the default tooltip code from:
<a class="qlabs_tooltip_bottom qlabs_tooltip_style_1" href="#"><span>Your tooltip text</span>Text</a>
<span class="qlabs_tooltip_bottom qlabs_tooltip_style_1" href="#"><span><a href="#">Your Link</a> Your tooltip text</span>Text</span>

Hi, Can you show me live examples URL

I want to see live examples, not a video

We’re not providing live examples for the CSS items. Anyway you can see the tooltips in action here: (it’s WordPress version but pretty similar to HTML one).

Hello. I would like to know if your tooltip pack is compatible with bootstrap 3 ? I would like to know if i can add php inside the tooltip to have dynamc content ? Thank you.

Hello, should not be any problems with bootstrap. As for dynamic content – yes you can add php code inside the tooltip.


Plugin looks great!

1. Is it compatible w/ WP 3.9.1 ?

2. When a video pops up, is there a way to pause/stop the video when the customers hovers away?

(they end up having a video playing and they don’t know how to stop it)


Thanks ! Mint

Thank you!

1. This is not WP version. You can check WP version here – and yes – it’s compatibile with WP 3.9.1.

2. Yes but with custom js code. You can find examples of how to do that in the net.

Okay, thank you . I will.

You’re welcome!

Great product, just one question. In your demo all I saw was hoverable examples. Does it also allow clickable tooltip? And if so, will the tooltip close when the user clicks anywhere?


Hello, only onHover tooltips are available.

Hello, WordPress plugin of CSS3 Tooltips is now available! (With clickable tooltips also)

i need wp version of this plugin. any help?

Hello, please contact me via e-mail form on my profile page. I can create a WP version for you as a custom job.

Hello, WordPress plugin of CSS3 Tooltips is now available!

Hi there

Have you resolved the iPhone / iPad touch issue now? Is it included in the latest release?

Thanks in advance

Hi, for now the WP version with iOS support is under development.

Hello, WordPress plugin of CSS3 Tooltips is now available! (With support for mobile devices)

Does it support auto-width?

Yes, all you have to do is to change the width of tooltip to 100% and add white-space: nowrap; property to container class. If you need further assistance just let me know after your purchase. Thanks.

I would like to buy this plugin, but I need it for my WordPress so I would like to wait a bit before to buy it, will be also more easy for me to integrate/use, can you please tell me/us about the actual development state of it ? (I have readed the previous comment which is 1 month ago), any estimated-time for it ?

Thank you Thanatermesis

Yes, we’re working on it and I hope we’ll release it soon.

Hello, WordPress plugin of CSS3 Tooltips is now available!

Nice! I’ll need to make a look to it :), so let me add the comments on the comments of it instead of here

Any idea when the Wordpress version will be out?

We’re planning to release it in few months (about 2-3).

Hello, WordPress plugin of CSS3 Tooltips is now available!

Tooltips updated. Please redownload!

Workaround/fix: remove or comment out the css Attribute “width:100%” completely from the “Decorative Line” css part from your used style.

Before the fix:
.qlabs_tooltip_style_35 span:after { content: ""; display: block; border-top: 1px solid rgba(255,255,255,1); position: absolute; left: 0px; top: 0px; width: 100%; height: 10px;

After the fix:
.qlabs_tooltip_style_35 span:after { content: ""; display: block; border-top: 1px solid rgba(255,255,255,1); position: absolute; left: 0px; top: 0px; /*width: 100%;*/ height: 10px;

Thank you gajel. I’ll perform some testing and update my product next weekend.

Hi again, your workaround completly removes tooltip top border. The problem is much more complicated and related with pseudo elements. Please keep in touch. The update is almost ready.

Tooltips updated. Please redownload!

Edit: The arrow dosen’t disappear, he jumps to the top of the tooltip-box. You can see it when you look close.

Tooltips updated. Please redownload!

What about the disappearing arrow in the latest Opera versions? The arrow still disappear after the transition and the post from morrow95 about that problem is 2 month ago.

Notice: The arrow just disappear in the top-style-tooptips!

Tooltips updated. Please redownload!

Arrows do not work in latest Opera – they disappear after the transition happens. Icons, if used, do not show in IE7 and just show a blank spot in its place.

Hello, I mentioned about icons in IE7 in item description. I’ll check latest Opera as soon as possible. Thank you.

Tooltips updated. Please redownload!


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey