Tooltips Shortcode

Check out all the Tooltips options and can be set in different styles with Porto Tooltip shortcodes.

Default

[porto_tooltip position= »top » btn_class= »danger » text= »tooltip here » tooltip_text= »Default Tooltip » text_before= »consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus » text_after= »consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus » prefix= »Lorem ipsum dolor sit amet,  » suffix= » consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. « ][porto_tooltip position= »top » btn_class= »danger » text= »tooltip here » tooltip_text= »Default Tooltip » text_before= »consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus » text_after= »consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus » prefix= »Vestibulum ante ipsum primis in faucibus  » suffix= » luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. »]

Positions

[porto_tooltip type= »btn » position= »left » text= »Tooltip on Top » tooltip_text= »Tooltip on top » el_class= »m-r-md »][porto_tooltip type= »btn » tooltip_position= »right » position= »left » text= »Tooltip on Right » tooltip_text= »Tooltip on right » el_class= »m-r-md »][porto_tooltip type= »btn » tooltip_position= »bottom » position= »left » text= »Tooltip on Bottom » tooltip_text= »Tooltip on bottom » el_class= »m-r-md »][porto_tooltip type= »btn » tooltip_position= »left » position= »left » text= »Tooltip on Left » tooltip_text= »Tooltip on left »]