Friday, 24 February 2017

Tooltip popup box for Moodle

I want to add a tooltip to an HTML element in Moodle, using the custom CSS available in the theme settings. I want only to use CSS, and not add any HTML or JavaScript to the page. Here's how I did it.


See the Pen Popup message (pure CSS) by Yvonne Aburrow (@vogelbeere) on CodePen.

This can be used to apply a popup message to any CSS class, and you can position the message anywhere on the page. You can style the popup message any way you want.

Please view the demo in CodePen for best results.