Shortcodes

[intense_tooltip]

Description

Allows you to add a tooltip to content of your choice.

Screenshots

tooltip

Dialog

tooltip

Attributes

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
font_colorcolor_advancedFont Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
locationdropdownLocationbottomtop - Top
right - Right
bottom - Bottom
left - Left
titletextTitle
linktextLink
link_targetlink_targetTarget_self_blank, _self, _parent, _top
tooltip_background_colorcolor_advancedTooltip Background Color#111111option colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
tooltip_font_colorcolor_advancedTooltip Font Colorwhiteoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
tooltip_border_colorcolor_advancedTooltip Border Color#000option colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
tooltip_border_radiusborder_radiusTooltip Border Radius2px%, em, px - examples: 25% or 10em or 20px
tooltip_opacitytextTooltip Opacity0 - 100: default is 2020

Examples

[intense_tooltip location="bottom" title="This is a tooltip on bottom"]bottom[/intense_tooltip]