How can I create a CSS only tool tip

Hi Kyle,

Can you provide a link to your site so we can see what you have so far?

Thanks!

Something like this might help: https://chrisbracco.com/a-simple-css-tooltip/

I just managed to sort it thank you both for you responses!

No problem :)

Hi Tom

I used the CSS in the link you mentioned and have put it in the additional css for the moment. I get a warning against some of the code, for example,

filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);

has an ! beside it which gives

(<filter-function-list> | none) but found 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)'

Is there something I should be doing about that? Thanks

Pretty sure that part is for old internet explorer versions. You can remove it if you don't need to support them.

Hello everyone!

Something like this might help: https://chrisbracco.com/a-simple-css-tooltip/

I tried using the above code for the GB button but nothing works...

Is it possible to make the code work with button GB?
Or maybe there is some other way to make a tooltip for the GB buttons?

Thanks for the answer ;)

Hi there,

you would need GenerateBlocks Pro, which provides the data-attribute options in the Button blocks settings.
If you have GB Pro then raise a support topic over at GenerateBlocks and we can advise. But it cannot be done with the free version.

you would need GenerateBlocks Pro

It's a pity. Well, thanks for that :)

Glad to be of help.

Hi,

simply and works

https://theadminbar.com/creating-animated-tooltips-in-generateblocks/

Nice - thanks for sharing :)