Popover Shortcode Example

Popover shortcode is perfect for adding additional content for your viewers. The content is housed as secondary information that the viewer can trigger by a mouse hover, or a mouse click. Expanded options allow you customize several aspects of the popover like background colors, border colors, text colors, trigger value, popup placement and more.

Popover Shortcode

portfolio_07
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat. Vestibulum bibendum dolor a tellus varius, ac ultricies odio euismod. Integer quis lectus nunc. Proin finibus consequat est et pharetra. Maecenas vulputate maximus euismod. Donec egestas ante purus, ut rhoncus est efficitur quis. Duis luctus dolor eget felis consectetur, sed pharetra justo euismod. Nunc laoreet, mouse hover here eleifend, enim nulla fermentum turpis, eu commodo risus tortor nec tortor. Maecenas tristique tempus lorem quis blandit.Pellentesque sit amet sodales leo. Integer imperdiet facilisis quam, id placerat mauris tempus eget.

MOUSE CLICK HERE
Get the code

Click Trigger

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat. Vestibulum bibendum dolor a tellus varius, ac ultricies odio euismod. Integer quis lectus nunc. Proin finibus consequat est et pharetra. Maecenas vulputate maximus euismod. Donec egestas ante purus, ut rhoncus est efficitur quis. Duis luctus dolor eget felis consectetur, sed pharetra justo euismod. Nunc laoreet, mouse click here eleifend, enim nulla fermentum turpis, eu commodo risus tortor nec tortor. Maecenas tristique tempus lorem quis blandit.Pellentesque sit amet sodales leo. Integer imperdiet facilisis quam, id placerat mauris tempus eget.

Maecenas eget pellentesque purus. Morbi facilisis sapien velit, ut congue mi sodales at. Donec semper, nibh volutpat posuere semper,mouse click here purus arcu molestie orci, ac volutpat enim orci quis justo. Curabitur congue efficitur augue, vel interdum ipsum lacinia tempus. Donec hendrerit molestie risus efficitur tempus. Nam dapibus mollis lacinia. Mauris bibendum lorem ac cursus venenatis. Aenean vitae ante eget ipsum elementum porttitor. Morbi efficitur sapien et nulla fermentum mollis. Donec vestibulum varius sapien vel hendrerit. Integer at tempor mi. Proin tempor mauris eget ligula convallis, ut dapibus ligula aliquam. Sed feugiat augue eu lorem malesuada elementum. Maecenas sit amet nisi tortor. Duis vel nisi id quam vestibulum varius. Cras malesuada magna a sem ornare rutrum. Mauris consequat fermentum magna a molestie. Sed dictum ut lacus vel pretium. In rutrum imperdiet sodales. Vivamus sed felis consequat augue convallis vehicula nec nec odio. Ut eu libero et tellus accumsan interdum sit amet sed diam. Integer laoreet dignissim leo, non fermentum orci laoreet a.
portfolio_07
Get the code

Hover Trigger

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat. Vestibulum bibendum dolor a tellus varius, ac ultricies odio euismod. Integer quis lectus nunc. Proin finibus consequat est et pharetra. Maecenas vulputate maximus euismod. Donec egestas ante purus, ut rhoncus est efficitur quis. Duis luctus dolor eget felis consectetur, sed pharetra justo euismod. Nunc laoreet, mouse hover here eleifend, enim nulla fermentum turpis, eu commodo risus tortor nec tortor. Maecenas tristique tempus lorem quis blandit.Pellentesque sit amet sodales leo. Integer imperdiet facilisis quam, id placerat mauris tempus eget.

portfolio_07
Maecenas eget pellentesque purus. Morbi facilisis sapien velit, ut congue mi sodales at. Donec semper, nibh volutpat posuere semper,mouse hover here purus arcu molestie orci, ac volutpat enim orci quis justo. Curabitur congue efficitur augue, vel interdum ipsum lacinia tempus. Donec hendrerit molestie risus efficitur tempus. Nam dapibus mollis lacinia. Mauris bibendum lorem ac cursus venenatis. Aenean vitae ante eget ipsum elementum porttitor. Morbi efficitur sapien et nulla fermentum mollis. Donec vestibulum varius sapien vel hendrerit. Integer at tempor mi. Proin tempor mauris eget ligula convallis, ut dapibus ligula aliquam. Sed feugiat augue eu lorem malesuada elementum. Maecenas sit amet nisi tortor. Duis vel nisi id quam vestibulum varius. Cras malesuada magna a sem ornare rutrum. Mauris consequat fermentum magna a molestie. Sed dictum ut lacus vel pretium. In rutrum imperdiet sodales. Vivamus sed felis consequat augue convallis vehicula nec nec odio. Ut eu libero et tellus accumsan interdum sit amet sed diam. Integer laoreet dignissim leo, non fermentum orci laoreet a.
Get the code

Color Control

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat. Vestibulum bibendum dolor a tellus varius, ac ultricies odio euismod. Integer quis lectus nunc. Proin finibus consequat est et pharetra. Maecenas vulputate maximus euismod. Donec egestas ante purus, ut rhoncus est efficitur quis. Duis luctus dolor eget felis consectetur, sed pharetra justo euismod. Nunc laoreet, mouse hover here eleifend, enim nulla fermentum turpis, eu commodo risus tortor nec tortor. Maecenas tristique tempus lorem quis blandit.Pellentesque sit amet sodales leo. Integer imperdiet facilisis quam, id placerat mauris tempus eget.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat. Vestibulum bibendum dolor a tellus varius, ac ultricies odio euismod. Integer quis lectus nunc. Proin finibus consequat est et pharetra. Maecenas vulputate maximus euismod. Donec egestas ante purus, ut rhoncus est efficitur quis. Duis luctus dolor eget felis consectetur, sed pharetra justo euismod. Nunc laoreet, mouse hover here eleifend, enim nulla fermentum turpis, eu commodo risus tortor nec tortor. Maecenas tristique tempus lorem quis blandit.Pellentesque sit amet sodales leo. Integer imperdiet facilisis quam, id placerat mauris tempus eget.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat. Vestibulum bibendum dolor a tellus varius, ac ultricies odio euismod. Integer quis lectus nunc. Proin finibus consequat est et pharetra. Maecenas vulputate maximus euismod. Donec egestas ante purus, ut rhoncus est efficitur quis. Duis luctus dolor eget felis consectetur, sed pharetra justo euismod. Nunc laoreet, mouse hover here eleifend, enim nulla fermentum turpis, eu commodo risus tortor nec tortor. Maecenas tristique tempus lorem quis blandit.Pellentesque sit amet sodales leo. Integer imperdiet facilisis quam, id placerat mauris tempus eget.

Get the code

Popover Placement

portfolio_07

Popover On Top
Lorem ipsum dolor sit amet, sectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat.

Get the code
portfolio_07

Popover On Bottom
Lorem ipsum dolor sit amet, sectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat.

Get the code
portfolio_07

Popover On Left
Lorem ipsum dolor sit amet, sectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat.

Get the code
portfolio_07

Popover On Right
Lorem ipsum dolor sit amet, sectetur adipiscing elit. Morbi id lacus ut mauris auctor rutrum vitae ut erat.

Get the code