Tooltip

[su_heading size=”24″ align=”left”]Tooltips[/su_heading]
[su_tooltip style=”light” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Light [/su_button][/su_tooltip]

[su_tooltip style=”dark” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Dark [/su_button][/su_tooltip]

[su_tooltip position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Yellow [/su_button][/su_tooltip]

[su_tooltip style=”green” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Green [/su_button][/su_tooltip]

[su_tooltip style=”red” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Red [/su_button][/su_tooltip]

[su_tooltip style=”blue” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Blue [/su_button][/su_tooltip]

[su_tooltip style=”youtube” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Youtube [/su_button][/su_tooltip]

[su_tooltip style=”tipsy” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Tipsy [/su_button][/su_tooltip]

[su_tooltip style=”bootstrap” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Bootstrap [/su_button][/su_tooltip]

[su_tooltip style=”jtools” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] JTools [/su_button][/su_tooltip]

[su_tooltip style=”tipped” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Tipped [/su_button][/su_tooltip]

[su_tooltip style=”cluetip” position=”north” size=”3″ title=”Tooltip text” content=”Tooltip Contents” close=”no”][su_button] Cluetip [/su_button][/su_tooltip]