Tooltips & Popovers

[vc_row][vc_column][vc_custom_heading text=\”Tooltips & Popovers Shortcodes\” use_theme_fonts=\”yes\” el_class=\”shorter\”][vc_column_text]Check out all the Tooltips & Popovers options and can be set in different styles with Porto Tooltip, Porto Popover shortcodes.[/vc_column_text][vc_separator color=\”custom\” gap=\”tall\” gradient=\”yes\”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=\”Default\” font_container=\”tag:h4|text_align:left\” use_theme_fonts=\”yes\”][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.\”][vc_empty_space height=\”20px\”][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=\”custom\” gap=\”tall\” gradient=\”yes\”][vc_custom_heading text=\”Positions\” font_container=\”tag:h4|text_align:left\” use_theme_fonts=\”yes\”][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\”][vc_empty_space height=\”20px\”][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=\”custom\” gap=\”tall\” gradient=\”yes\”][vc_custom_heading text=\”Popover\” font_container=\”tag:h4|text_align:left\” use_theme_fonts=\”yes\”][porto_popover type=\”btn\” btn_skin=\”primary\” popover_position=\”right\” popover_trigger=\”focus\” text=\”Show Popover\” popover_title=\”Lorem ipsum dolor sit amet.\” popover_text=\”Lorem ipsum dolor sit amet, consectetur adipiscing elit.\”][/vc_column][/vc_row]