Bootstrap Tooltips
For WordPress Websites

Bootstrap Tooltips use to show Tooltips on WordPress sites. This Plugin is compatible with both version of Bootstrap 3 and Bootstrap 4. But if you don't want to use Bootstrap in your website then it also provide the option. In other words you can use this Plugin with both types of websites Bootstrap and None Bootstrap websites.

Documentation

Content Examples

You can add content like images, heading, paragraph, lists, YouTube, vimeo, self-hosted videos, icons etc. through WordPress Editor. As well as you can use ShortCodes of other Plugins like Woo-Commerce to display content in tooltips.

Appears On : You Can Triggered A Tooltip On - Click | Hover | Focus | On Page Load | On Page Leave | On Page Scroll. As well as you can also put value of delay showing and hiding the tooltip (ms).

Page Load Page Leave Page Scroll Hover Click Focus Delay Show Delay Hide

Offset : Offset of the tooltip relative to its target vertically and horizontally.

Offset-X Offset-X Offset-Y Offset-Y

Positions : Position to the tooltip - auto | top | bottom | left | right. if auto is selected, it will dynamically reorient the tooltip.

Auto Top Bottom Left Right

Border Radius : You can change border radius of tooltip by assigning value in pixels. You can change value of border radius of each corner of tooltip individually.

No Radius 8px 16px 10000px custom 1 custom 2

Shadow : You can show shadow behind the tooltip.

No Small Normal Large

Unlimited Tooltip Colors : You can change background color | Text Color | Arrow Color of tooltip. There is no limit to choose colors.

Color 1 Color 2 Color 3 Color 4 Color 5 Color 6 Color 7 Color 8 Color 9 Color 10 Color 11 Color 12 Color 13 Color 14 Color 15 Color 16 Color 17 Color 18 Color 19 Color 20 Color 21 Color 22

Unlimited Arrow Colors : You can choose arrow's color different from Tooltip's body's color.

Color 1 Color 2 Color 3 Color 4 Color 5 Color 6 Color 7 Color 8 Color 9 Color 10 Color 11 Color 12 Color 13 Color 14 Color 15 Color 16 Color 17 Color 18 Color 19 Color 20 Color 21 No Arrow

45+ Animation Effects On Show : You can show a tooltip with different animations effects.

FadeInDown Bounce Flash Pulse RubberBand Shake HeadShake Swing Tada Wobble Jello Heartbeat BounceIn BounceInDown BounceInLeft BounceInRight BounceInUp FadeIn FadeInDownBig FadeInLeft FadeInLeftBig FadeInRight FadeInRightBig FadeInUp FadeInUpBig Flip FlipX FlipY LightSpeedIn RotateIn RotateInDownL RotateInDownR RotateInUpL RotateInUpR JackInTheBox RollIn ZoomIn ZoomInDown ZoomInL ZoomInR ZoomInUp SlideInDown SlideInLeft SlideInRight SlideInUp

32+ Animation Effects On Hide : You can hide a tooltip with different animations effects.

bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp fadeOut fadeOutDown fadeOutDownBig fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig fadeOutUp fadeOutUpBig flipOutX flipOutY lightSpeedOut rotateOut rotateOutDownL rotateOutDownR rotateOutUpL rotateOutUpR rollOut zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp slideOutDown slideOutLeft slideOutRight slideOutUp

16+ Animation Timing Functions : You can change animation timing function of animations.

linear easeIn easeOut ease easeInOut speedy slowSpeedy easeOutInCubic swing easeOutCubic easeOutCirc easeOutExpo easeOutQuad easeOutQuart easeOutQuint easeOutSine

Animation Duration : You can change animation duration in milliseconds by just adding value manually. These are just examples, you can assign any time value.

500ms 1000ms 1500ms 2000ms 2500ms 2999ms

szthemes

O | C

Bootstrap Tooltips For WordPress Websites