Best practise to show a tooltip/popover on image hover?

Hi,

I build a dynamic team grid (custom archive layout). The exerpt shows in a text-balloon however the client wants it to only show on image hover.

So, I changed the image to a dropdown-element. When hovering it shows the text-balloon. Is this the correct way or is it better to use an image and add some javascript? And what would be the script…?

p.s. I don’t want to use a plugin.

Any help is welcome :slight_smile:

Hi Marcus,

Thanks for reaching out.
What you are expecting is required customization, which is beyond the scope of our Theem Support. I would suggest you hire a developer who can assist you with the customization, or you can avail of our newly launched service called One, where we answer questions beyond normal theme support.
Alternatively, you can check the following article, which explains how to add the tooltip using the CSS only.

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix it in case it conflicts with something on your site, nor will we enhance it. Further customization should be directed to a third-party developer, or you can avail yourself of One, where we answer questions beyond normal theme support.

Thanks

allright, will check it out. Thx!

Hi Marcus,

Please let us know if you need any further help with this.

Thanks