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]