Tooltip

This is the Tooltip example. you can get facility in this shortcode item Tooltip Style, Position, Shadow, Round, Size, Title, Content, Behavior, Close, Class, Content. just simply use this shortcode and get Tooltip Style.

Default Tooltip Example

You can get simply default style tooltip. For that reason just insert tooltip shortcode. and no change any option this shortcode. insert it and get default tooltip style

Get shortcode

Default Tooltip Example

[tooltip]
	[button] 
		Default tooltip example 
	[/button]
[/tooltip]

Tooltip 12 Style Example

You can get tooltip 12 style. For that reason just insert tooltip shortcode. and select your tooltip style as you need. insert it and get amazing tooltip style

Get shortcode

Tooltip Style Example

[tooltip text="Light Tooltip Example" style="light"]
	[button] 
		Light tooltip example 
	[/button]
[/tooltip]

[tooltip text="Dark Tooltip Example" style="dark"]
	[button] 
		Dark tooltip example 
	[/button]
[/tooltip]

[tooltip text="Yellow Tooltip Example; style="yellow"]
	[button] 
		Yellow tooltip example 
	[/button]
[/tooltip]

Title Tooltip Example

You can get tooltip title style. For that reason just insert tooltip shortcode. and type your tooltip title in the title box. insert it and get tooltip title style

Get shortcode

Title Tooltip Example

[tooltip title="Shortcode Tooltip Title "]
	[button] 
		Title tooltip example 
	[/button]
[/tooltip]

Shadow Tooltip Example

You can get tooltip shadow style. For that reason just insert tooltip shortcode. and select your tooltip shadow 'yes' or 'no' as you need. Default oprion is 'no' insert it and get amazing tooltip shadow style

Get shortcode

Shadow Tooltip Example

	[tooltip shadow="yes" style="light"]
		[button] 
			Shadow tooltip example 
		[/button]
	[/tooltip]

	[tooltip shadow="yes" style="dark"]
		[button] 
			Shadow tooltip example 
		[/button]
	[/tooltip]

	[tooltip shadow="yes" style="yellow"]
		[button] 
			Shadow tooltip example 
		[/button]
	[/tooltip]

Rounded Tooltip Example

You can get tooltip rounded style. just insert tooltip shortcode. and select your tooltip rounded 'yes' or 'no' as you need. Default oprion is 'no' insert it and get amazing tooltip rounded style

Get shortcode

Rounded Tooltip Example

[tooltip rounded="yes" style="light"]
	[button] 
		Rounded tooltip example 
	[/button]
[/tooltip]

[tooltip rounded="yes" style="dark"]
	[button] 
		Rounded tooltip example
	[/button]
[/tooltip]

[tooltip rounded="yes" style="yellow"]
	[button] 
		Rounded tooltip example 
	[/button]
[/tooltip]

Tooltip 6 Size Example

You can get tooltip 6 size style. just select your tooltip size as you need. insert it and get varius tooltip size

Get shortcode

Tooltip Size Example

[tooltip size="1"]
	[button] 
		Tooltip size 1 example 
	[/button]
[/tooltip]

[tooltip size="2"]
	[button] 
		Tooltip size 2 example 
	[/button]
[/tooltip]

[tooltip size="3"]
	[button] 
		Tooltip size 3 example 
	[/button]
[/tooltip]

Tooltip Position Example

We have show tooltip position example here, if you want you can set tooltip various position select.

Get shortcode

Tooltip Position Example

[tooltip style="light" position="top left" class="uk-display-block"][button wide="yes"] Top Left Position [/button][/tooltip]

[tooltip style="light" position="top center" class="uk-display-block"][button wide="yes"] Top Center Position [/button][/tooltip]

[tooltip style="light" position="top right" class="uk-display-block"][button wide="yes"] Top Right Position [/button][/tooltip]

[tooltip style="light" position="center left" class="uk-display-block"][button wide="yes"] Center Left Position [/button][/tooltip]  

[tooltip style="light" position="center right" class="uk-display-block"][button  wide="yes"] Center Right Position [/button][/tooltip]

[tooltip style="light" position="bottom left" class="uk-display-block"][button wide="yes"] Bottom Left Position [/button][/tooltip]

[tooltip style="light" position="bottom center" class="uk-display-block"][button wide="yes"] Bottom Center Position [/button][/tooltip]

[tooltip style="light" position="bottom right" class="uk-display-block"][button wide="yes"] Bottom Right Position [/button][/tooltip]

Behavior Tooltip Example

You can get 3 behavior style. just select your tooltip behavior you need. insert it and get varius tooltip attitude

Get shortcode

Behavior Tooltip Example

	[tooltip behavior="click"]
		[button] 
			Click me to open tooltip 
		[/button]
	[/tooltip]

	[tooltip behavior="always"]
		[button] 
			Always visible tooltip 
		[/button]
	[/tooltip]

	[tooltip]
		[button] 
			Hover me to open tooltip 
		[/button]
	[/tooltip]

Close Option Tooltip Example

You can get tooltip close option style. for that reason just select tooltip close option 'yes' or 'no' default option is 'no'. insert it and get close style

Get shortcode

Close Option Tooltip Example

	[tooltip behavior="always" close="yes"]
		[button] 
			Close option tooltip example 
		[/button]
	[/tooltip]

	[tooltip behavior="click" close="yes"]
		[button] 
			Close option tooltip example 
		[/button]
	[/tooltip]

Need Shortcode Ultimate Documentation?

Click the documentation link and go there for shortcode ultimate plugin documentation!
DOCUMENTATION

Hey Wait Wait!

I hope you you like me! if you want to purchase so please: CLICK FOR DOWNLOAD