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