Loading...
Popover 2018-04-05T16:31:03+00:00

Popover Shortcode

Adding a beautiful looking popover effect to text, buttons or images has never been simpler with the Popover element from Fusion Builder and Avada. Customize colours, backgrounds and positions, as well as how users interact with it.

Vivamus at metus ut nunc condimentum gravida. Morbi imperdiet nisl et pellentesque molestie. Integer eu ligula at risus pretium accumsan et a augue mouse click here. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Hover Here For More Info

Customization Settings

Control the background color behind the popover title and the content itself. Also you can control the border color and text color of the popover shortcode.

Background Colors
Border/Text Colors

Trigger Value

Set the popover to trigger on mouse hover or mouse click.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt mouse hover trigger ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatats.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt mouse click trigger ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatats.

Popover Placement

Control the direction of the popover popup box, left, right, top, bottom.

popover toppopover rightpopover bottompopover left

Complete Set of Options

Every option and description included with the popover shortcode is listed below.

  • title – The custom title text that is displayed in the popup box.
  • title_bg_color – Accepts a hexcode ( #000000 ). Sets the heading’s background color. Leave Blank for Theme Option selection.
  • content – The custom text that is displayed in the popup box.
  • content_bg_color – Accepts a hexcode ( #000000 ). Sets the background color. Leave Blank for Theme Option selection.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave Blank for Theme Option selection.
  • textcolor – Accepts a hexcode ( #000000 ). Sets the text’s color. Leave Blank for Theme Option selection.
  • trigger – Can be one of these values: click, or hover. Sets the mouse action to trigger popover.
  • placement – Can be one of these values: default, top, left, right, or bottom. Sets the popover’s position.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Join The 425,000+ Satisfied Avada Users!

BUY AVADA NOW!

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com