Recent Tweets

Shortcode – Popover & Tooltips

Popovers and Tooltips

Use Popovers and Tooltips in your content

Tooltips

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?

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.

[shvc_tooltip placement=”top” title=”Tooltips can be used on other items!”]
Even this Alert Box has a tooltip attached to it!
[/shvc_tooltip]

Popovers

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

Lorem ipsum dolor sit amet, Left Popover consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, Popover Top consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, Popover Right consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, Popover Below consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Use Them over images or other elements.
[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”]
facebook3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
vimeo3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
digg3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
twitter3 - Shortcode - Popover & Tooltips
[/shvc_popover]
Choose to have them trigger on click or hover.
[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”]
facebook3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
vimeo3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
digg3 - Shortcode - Popover & Tooltips
[/shvc_popover][
/vc_column]
[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”]
twitter3 - Shortcode - Popover & Tooltips
[/shvc_popover]
Style borders, title font and background, and text font and background.
[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”]
facebook3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
vimeo3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
digg3 - Shortcode - Popover & Tooltips
[/shvc_popover]
[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”]
twitter3 - Shortcode - Popover & Tooltips
[/shvc_popover]

Options

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