[vc_row animation=”” panel_style=”uk-panel-space” add_container=”true” css=”.vc_custom_1452571240257{margin-bottom: 15px !important;}”][vc_column][vc_custom_heading text=”Tooltips” font_container=”tag:h2″ use_theme_fonts=”yes” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1450757539592{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1452566674592{margin-top: 0px !important;margin-bottom: 15px !important;}”]Tooltips are snippets that provide more information on hover. They can be added to any element by adding the data-uk-tooltip
attribute and specifying the title in the same element.[/vc_column_text][vc_raw_html]JTNDdWwlMjBjbGFzcyUzRCUyMnNob3J0Y29kZS1pY29ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLWRyaWJiYmxlJTIyJTIwdGl0bGUlM0QlMjJkcmliYmJsZSUyMiUyMGRhdGEtdWstdG9vbHRpcCUzRCUyMiUyMiUyMGhyZWYlM0QlMjJodHRwJTNBJTJGJTJGZHJpYmJibGUuY29tJTJGYXJyb3d0aGVtZXMlMjIlMjB0YXJnZXQlM0QlMjJfYmxhbmslMjIlM0UlM0MlMkZhJTNFJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NsaSUzRSUzQ2ElMjBjbGFzcyUzRCUyMnVrLWljb24tYnV0dG9uJTIwZmElMjBmYS1mYWNlYm9vayUyMiUyMHRpdGxlJTNEJTIyZmFjZWJvb2slMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlMjIlMjBocmVmJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5mYWNlYm9vay5jb20lMkZhcnJvd3RoZW1lcyUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLXR3aXR0ZXIlMjIlMjB0aXRsZSUzRCUyMnR3aXR0ZXIlMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlMjIlMjBocmVmJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy50d2l0dGVyLmNvbSUyRmFycm93dGhlbWVzJTIyJTIwdGFyZ2V0JTNEJTIyX2JsYW5rJTIyJTNFJTNDJTJGYSUzRSUzQyUyRmxpJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGdWwlM0U=[/vc_raw_html][vc_custom_heading text=”Tooltip position” font_container=”tag:h3″ use_theme_fonts=”yes” layout_style=”uk-module-title” align=”wp-gaucho-heading-left” animation=”” css=”.vc_custom_1450765749980{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1452566681876{margin-top: 0px !important;}”]You can specify the position of the tooltip by adding one of the following options to the data-uk-tooltip
attribute.
Options | Description |
---|---|
pos:'top' |
Aligns the tooltip to the top. |
pos:'top-left' |
Aligns the tooltip to the top left. |
pos:'top-right' |
Aligns the tooltip to the top right. |
pos:'bottom' |
Aligns the tooltip to bottom. |
pos:'bottom-left' |
Aligns the tooltip to bottom left. |
pos:'bottom-right' |
Aligns the tooltip to bottom right. |
pos:'left' |
Aligns the tooltip to left. |
pos:'right' |
Aligns the tooltip to right. |
[/vc_column_text][vc_raw_html css=”.vc_custom_1451356335780{margin-top: 62px !important;margin-bottom: 42px !important;}”]JTNDdWwlMjBjbGFzcyUzRCUyMnNob3J0Y29kZS1pY29ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLWRyaWJiYmxlJTIyJTIwdGl0bGUlM0QlMjJkcmliYmJsZSUyMiUyMGRhdGEtdWstdG9vbHRpcCUzRCUyMiUyMiUyMGhyZWYlM0QlMjJodHRwJTNBJTJGJTJGZHJpYmJibGUuY29tJTJGYXJyb3d0aGVtZXMlMjIlMjB0YXJnZXQlM0QlMjJfYmxhbmslMjIlM0UlM0MlMkZhJTNFJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NsaSUzRSUzQ2ElMjBjbGFzcyUzRCUyMnVrLWljb24tYnV0dG9uJTIwZmElMjBmYS1mYWNlYm9vayUyMiUyMHRpdGxlJTNEJTIyZmFjZWJvb2slMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlN0Jwb3MlM0ElMjdib3R0b20lMjclN0QlMjIlMjBocmVmJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5mYWNlYm9vay5jb20lMkZhcnJvd3RoZW1lcyUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLXR3aXR0ZXIlMjIlMjB0aXRsZSUzRCUyMnR3aXR0ZXIlMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlN0Jwb3MlM0ElMjdsZWZ0JTI3JTdEJTIyJTIwaHJlZiUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudHdpdHRlci5jb20lMkZhcnJvd3RoZW1lcyUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUzQyUyRnVsJTNF[/vc_raw_html][/vc_column][/vc_row]