Inline shortcode

Tooltip
Tooltip Image

Pellentesque habitant tooltip senectus et netus et malesuada fames ac turpis egestas, ultricies eget, tempor sit amet.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae Phasellus fermentum in dolor. Pellentesque facilisis tristique senectus et netus
tooltip with image
ante. Donec eu libero sit amet quam egestas, ultricies eget semper.

Positions:

Position top

Position left

Position right

Position bottom

You can add Tooltip with Inline Shortcode:

Default code for tooltip:

[tooltip hint="Text" position="top"]Main Text[/tooltip]
Attributes Description
hint Display this text on hover
position top / right / bottom / left

Example of tooltip shortcode below:

[tooltip hint="Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula"]Main Text[/tooltip]
You can add Tooltip Image with Inline Shortcode:

Default code for tooltip with image:

[tooltip_image hint="Tooltip text" image=""]Main text[/tooltip_image]
Attributes Description
hint Display this text on hover
image Image displayed on top of hint text on hover. Link (with http://)

Example of tooltip_image shortcode below:

[tooltip_image hint="Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. " image="IMAGE_URL"]Main text[/tooltip_image]
Close