ToolTip / Popover

[vc_row parallax_bg_speed=”0.1″ padding_top=”20″ padding_bottom=”30″ visibility=”all”][vc_column width=”1/1″][vc_separator type=”line_text” title_align=”align-left” visibility=”all” title=”Tooltip”][/vc_column][/vc_row][vc_row parallax_bg_speed=”0.1″ padding_top=”20″ padding_bottom=”60″ visibility=”all”][vc_column width=”1/1″][vc_column_text visibility=”all”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet nisl felis. Integer sit amet dui sit amet justo tempus consequat. Nullam pellentesque lacus dui, in sagittis sem facilisis eu. Quisque id lectus mauris. Vivamus sollicitudin augue neque, et maximus dui posuere vel. Donec eu congue arcu. Mauris id [dh_tooltip text=”diam nec” type=”tooltip” position=”top” trigger=”hover”]Pellentesque quis diam nec diam iaculis cursus eget et tortor. Donec tempus lorem tempor tellus condimentum dictum[/dh_tooltip], sit amet ultrices leo. Etiam a tincidunt dui. In imperdiet sapien sed fringilla feugiat. Duis semper ut felis id faucibus. Pellentesque quis diam nec [dh_tooltip text=”diam iaculis” type=”tooltip” position=”top” trigger=”hover”] Nulla sollicitudin accumsan porttitor. Sed efficitur nisl dolor, eu sollicitudin nunc maximus sed. [/dh_tooltip] cursus eget et tortor. Donec tempus lorem tempor tellus condimentum dictum.

Nullam congue, urna quis porttitor tincidunt, purus mauris faucibus turpis, ut efficitur augue nulla quis turpis. Duis finibus nulla  [dh_tooltip text=”Popover” type=”popover” position=”bottom” trigger=”hover” title=”Popover title”] Nulla sollicitudin accumsan porttitor. Sed efficitur nisl dolor, eu sollicitudin nunc maximus sed. [/dh_tooltip] bibendum sollicitudin. Integer quam diam, pretium ac nisl quis, molestie viverra enim. Morbi aliquet velit non leo congue, et consequat sem laoreet. In mollis, mauris id faucibus hendrerit, magna leo vestibulum nulla, lacinia elementum tellus lectus sit amet urna. In lacus orci, bibendum id arcu at, mollis gravida lacus. Cras ut luctus magna. Nullam auctor mollis sem. Vivamus tempor, sem malesuada dapibus interdum, nisi lectus imperdiet lacus, eget aliquam leo mi sit amet enim. Etiam sed odio fermentum, pharetra sem vitae, porttitor nisi. Nulla sollicitudin accumsan porttitor. Sed efficitur nisl dolor, eu sollicitudin nunc maximus sed.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”primary” icon_position=”left” alignment=”left” tooltip=”tooltip” tooltip_position=”right” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-random”][/vc_column][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”info” icon_position=”left” alignment=”left” tooltip=”tooltip” tooltip_position=”top” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-bar-chart-o”][/vc_column][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”warning” icon_position=”left” alignment=”left” tooltip=”tooltip” tooltip_position=”bottom” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-pencil-square-o”][/vc_column][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”danger” icon_position=”left” alignment=”left” tooltip=”tooltip” tooltip_position=”left” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-github-alt”][/vc_column][/vc_row][vc_row parallax_bg_speed=”0.1″ padding_top=”100″ padding_bottom=”60″ visibility=”all”][vc_column width=”1/1″][vc_separator type=”line_text” title_align=”align-left” visibility=”all” title=”Popover”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”primary” icon_position=”left” alignment=”left” tooltip=”popover” tooltip_position=”right” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-random” effect=”icon_slide_in”][/vc_column][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”warning” icon_position=”left” alignment=”left” tooltip=”popover” tooltip_position=”left” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-stumbleupon-circle” effect=”icon_slide_in”][/vc_column][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”danger” icon_position=”left” alignment=”left” tooltip=”popover” tooltip_position=”top” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-wrench” effect=”icon_slide_in”][/vc_column][vc_column width=”1/4″][vc_button title=”Tooltip button” target=”_self” style=”square” size=”default” font_size=”14″ border_width=”1″ padding_top=”6″ padding_right=”30″ padding_bottom=”6″ padding_left=”30″ color=”primary” icon_position=”left” alignment=”left” tooltip=”popover” tooltip_position=”bottom” tooltip_trigger=”hover” visibility=”all” tooltip_title=”Popover Title” tooltip_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lectus lectus” icon=”fa fa-xing” effect=”icon_slide_in”][/vc_column][/vc_row][vc_row parallax_bg_speed=”0.1″ padding_top=”100″ padding_bottom=”60″ visibility=”all”][vc_column width=”1/1″][vc_cta_button heading=”Hey! I am first heading line feel free to change me” style=”square” txt_align=”left” target=”_self” btn_title=”Click” btn_style=”square” btn_size=”custom” btn_font_size=”14″ btn_border_width=”1″ btn_padding_top=”6″ btn_padding_right=”30″ btn_padding_bottom=”6″ btn_padding_left=”30″ btn_color=”info” btn_icon_position=”left” buton_position=”right” tooltip=”popover” tooltip_position=”left” tooltip_trigger=”click” visibility=”all” tooltip_title=”Lorem ipsum dolor” tooltip_content=”Phasellus vestibulum, ex fringilla cursus volutpat, nunc orci maximus ligula, a malesuada tortor felis et nunc.” btn_text_uppercase=”yes” btn_effect=”border_trim”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_cta_button][/vc_column][/vc_row]