Individually styled tooltips

The tooltips - by default - have a tasteful and neutral styling. It is based on the tooltips used in the Joomla administrator. The tooltips are fully styleable through settings and CSS.

Tooltips gives you many options to adjust the default styling and can further be fully styled through CSS. You can add any css code in the tooltip to suit your requirement. It is free for you to be creative, in addition we also provide several skins available for your ease of use.

[batip link='Hover me!' content='Tooltip content!' style='{"background": "red", "color": "#fff"}']

Let’s see the beautiful Live Demo→ in action!

Positioning

In the Tooltips you have the option to set the positioning of the tooltips: Top (default), Bottom, Left or Right...

There is a global option in the Tooltips system plugin settings that will affect all tooltips.

But you can also overrule this in the [batip] tag by adding add a position parameter with the value: 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end'

In the Tooltips also have the Auto-positioning to make the tooltip show in a different position when there is not enough room in the default position.