Easily add tooltips to your wordpress site.
Click the tooltip icon on your visual content editor to add the tooltip shortcode. Change the content attribute to whatever you want to be the content inside the tooltip bubble. Change the tooltip trigger to whatever content you want to be used to trigger the tooltip, when hovered. (see screenshots).
You should be able to edit the tooltip content and/or trigger to allow for html elements via the visual editor (such as links, images, colored text, bold, etc). One note of caution: if you are trying to use an image inside the bubble content, it's a good idea to set the image width and height directly by editing the inline style attribute (which you can access via the image html) for the img tag. This helps ensure that the bubble will register the image size correctly. Also, make sure to adjust the max bubble width to allow for the image. (see screenshots)
The tooltip style settings you set on the Simple Tooltips setting page will apply to all your tooltips by default. However, you can now override the default tooltip style by editing the shortcode for that toolltip.
Here is the list of customizable parameters:
And here's an example of how you could apply this:
[simple_tooltip bubblewidth='100' bubbleopacity='1' bubblebgcolor='#666666' bubbleposition='left' bubblecolor='blue' content='this content appears in the tooltip bubble']This triggers the tooltip[/simple_tooltip]
You can add inline style attributes to the trigger element by adding the style attribute to the [simple_tooltips] shortcode. For example, add style='background:blue' to the simple_tooltip shortcode, to make the background color for the trigger element blue. Like this...
[simple_tooltip style='background:blue;color:white;' content='This is the content for the tooltip bubble. The tooltip bubble has the default style' ]This triggers the tooltip. The trigger background is blue and text color is white.[/simple_tooltip]
Add class "tooltips" to the target html element. The title attribute will be used for tooltip content (see screenshot).
Settings > Simple Tooltips.
Requires: 2.9 or higher
Compatible up to: 4.5.5
Last Updated: 9 months ago
Active Installs: 10,000+
0 of 3 support threads in the last two months have been marked resolved.
Got something to say? Need help?