Conscientious Financial Planning and Retirement Income Management | 201-741-9528
from Lonier Financial Advisory LLC, Osprey, FL

Element – Popover & Tooltips

[vc_row][vc_column]

Popovers and Tooltips

Use Popovers and Tooltips in your content

Tooltips

[vc_empty_space][/vc_column][/vc_row][vc_row][vc_column width=”1/3″]
Tooltips are great!

Tooltips can be used to add more information to other elements.

Tooltips can be set to the top, left, right, or bottom of an element. Use them where you need them!
Ready To Buy?
[/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 title=”Tooltips can be used on other items!”]

Even this Alert Box has a tooltip attached to it!
[/shvc_tooltip][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space]

Popovers

[vc_empty_space][/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][vc_empty_space][vc_empty_space][/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.” title=”Use them on Images”][vc_single_image image=”265″][/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.” title=”Use them on Images”][vc_single_image image=”271″ 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.” title=”Use them on Images”][vc_single_image image=”264″][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover pcontent=”Go on, use Popovers on Images or many other elements of your choice.” title=”Use them on Images”][vc_single_image image=”270″][/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” title=”Use them on Images”][vc_single_image image=”265″][/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” title=”Use them on Images”][vc_single_image image=”271″ 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” title=”Use them on Images”][vc_single_image image=”264″][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover pcontent=”Go on, use Popovers on Images or many other elements of your choice.” trigger=”click” title=”Use them on Images”][vc_single_image image=”270″][/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.” colorchange=”enable” titlecolor=”#ffffff” titlebgcolor=”#16a085″ fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”#16a085″ title=”Style them how you want”][vc_single_image image=”265″][/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.” colorchange=”enable” titlecolor=”#ffffff” titlebgcolor=”#3498db” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”#3498db” title=”Style them how you want”][vc_single_image image=”271″ 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.” colorchange=”enable” titlecolor=”#ffffff” titlebgcolor=”#34495e” fontcolor=”#6d6d6d” bgcolor=”#ffffff” bordercolor=”#34495e” title=”Style them how you want”][vc_single_image image=”264″][/shvc_popover][/vc_column][vc_column width=”1/6″][shvc_popover pcontent=”Style Borders, Title Color, Text Color, Title Background, and Text Background.” colorchange=”enable” titlecolor=”#6d6d6d” titlebgcolor=”#ffffff” fontcolor=”#ffffff” bgcolor=”#f39c12″ bordercolor=”#f39c12″ title=”Style them how you want”][vc_single_image image=”270″][/shvc_popover][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][/vc_column][/vc_row][vc_row css=”.vc_custom_1440092989712{margin-bottom: 0px !important;}”][vc_column css=”.vc_custom_1440093018075{margin-bottom: -10px !important;}”][shvc_colorbg backgroundcolor=”#eeeeee” fontcolor=””][vc_empty_space]

Options

[vc_row_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][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 iconset=”linear” iconlinear=”icon-check-square”][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][/shvc_colorbg][/vc_column][/vc_row]