Shortcode – Popover & Tooltips

[vc_row][vc_column width=”1/1″][vc_empty_space height=”32px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][/vc_column][vc_column width=”2/3″][vc_column_text]Lorem Here’s a left one sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut Here’s a right one enim ad minim veniam, quis nostrud exercitation Tooltip above ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore Here’s one below eu fugiat nulla pariatur.[/vc_column_text][shvc_tooltip placement=”top” title=”Tooltips can be used on other items!”][/shvc_tooltip][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_empty_space height=”32px”][vc_empty_space height=”32px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″]

Set Them on the top, bottom, left, and right of an element.

[/vc_column][vc_column width=”1/6″][vc_column_text]Lorem ipsum dolor sit amet, Left Popover consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]Lorem ipsum dolor sit amet, Popover Top consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]Lorem ipsum dolor sit amet, Popover Right consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text]Lorem ipsum dolor sit amet, Popover Below consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_empty_space height=”32px”][vc_empty_space height=”32px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″]

Use Them over images or other elements.

[/vc_column][vc_column width=”1/6″][shvc_popover placement=”right” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”hover” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”265″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”bottom” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”hover” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”271″ border_color=”grey” img_link_target=”_self” css=”.vc_custom_1412236523591{margin-bottom: -20px !important;}”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”left” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”hover” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”264″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”top” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”hover” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”270″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][/vc_row][vc_row][vc_column width=”1/3″]

Choose to have them trigger on click or hover.

[/vc_column][vc_column width=”1/6″][shvc_popover placement=”right” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”click” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”265″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”bottom” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”click” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”271″ border_color=”grey” img_link_target=”_self” css=”.vc_custom_1412236559417{margin-bottom: -20px !important;}”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”left” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”click” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”264″ border_color=”grey” img_link_target=”_self”][/shvc_popover][
/vc_column][vc_column width=”1/6″][shvc_popover placement=”top” pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”click” colorchange=”disable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”rgba(0,0,0,0.25)” title=”Use them on Images”][vc_single_image image=”270″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][/vc_row][vc_row][vc_column width=”1/3″]

Style borders, title font and background, and text font and background.

[/vc_column][vc_column width=”1/6″][shvc_popover placement=”right” pcontent=”Style Borders, Title Color, Text Color, Title Background, and Text Background.” trigger=”hover” colorchange=”enable” titlecolor=”#ffffff” titlebgcolor=”#16a085″ fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”#16a085″ title=”Style them how you want”][vc_single_image image=”265″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”bottom” pcontent=”Style Borders, Title Color, Text Color, Title Background, and Text Background.” trigger=”hover” colorchange=”enable” titlecolor=”#ffffff” titlebgcolor=”#3498db” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”#3498db” title=”Style them how you want”][vc_single_image image=”271″ border_color=”grey” img_link_target=”_self” css=”.vc_custom_1412236592701{margin-bottom: -20px !important;}”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”left” pcontent=”Style Borders, Title Color, Text Color, Title Background, and Text Background.” trigger=”hover” colorchange=”enable” titlecolor=”#ffffff” titlebgcolor=”#34495e” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”#34495e” title=”Style them how you want”][vc_single_image image=”264″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover placement=”top” pcontent=”Style Borders, Title Color, Text Color, Title Background, and Text Background.” trigger=”hover” colorchange=”enable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#ffffff” bgcolor=”#f39c12″ bordercolor=”#f39c12″ title=”Style them how you want”][vc_single_image image=”270″ border_color=”grey” img_link_target=”_self”][/shvc_popover][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_empty_space height=”32px”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_empty_space height=”32px”][vc_empty_space height=”32px”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/2″][shvc_checklist type=”unordered” icon=”fa fa-angle-right” background=”enable”][shvc_checklist_item]Popovers – Hover or Click activated[/shvc_checklist_item][shvc_checklist_item]Popovers – Shortcode Generator or Visual Composer[/shvc_checklist_item][shvc_checklist_item]Popovers can be any color[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][vc_column_inner width=”1/2″][shvc_checklist type=”unordered” icon=”fa fa-angle-right” background=”enable”][shvc_checklist_item]Tooltips – Top, Right, Bottom, and Left of element[/shvc_checklist_item][shvc_checklist_item]Tooltips – Can be used on Text, Images, and more[/shvc_checklist_item][shvc_checklist_item]Tooltips – accessible in Shortcodes and Visual Composer[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][/vc_row_inner][vc_empty_space height=”60px”][/vc_column][/vc_row]