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»]
