Popovers 2018-04-06T16:08:53+00:00

Popover Shortcode

Avada includes a popover shortcode that 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. Our expanded options allow you customize several aspects of the popover like background colors, border colors, text colors, trigger value, popup placement and more.

boys_reading

Avada Popover Shortcode

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing mouse click here elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims.

Hover Here For More Info

Background Colors

Control the background color behind the popover title and the content itself.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser.

Background Colors

Border / Text Colors

Control the border color and text color of the popover shortcode.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser.

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 ut labore et dolore magna aliqua. mouse hover trigger 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 ut labore et dolore magna aliqua. mouse click trigger 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 top
popover right
popover bottom
popover 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.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!

本站版權宣言

本站採用正版佈景主題。

我們幫客戶架設網站也都採用正版主題。

2018/4/22新增客戶回應表單原版外掛
2018/4/22新增客戶彈跳選單原版外掛

2018/4/22新增黃色鉛筆漢化外掛

更新項目

2018/4/8/更新項目:把所有本站頁面整理出來。

要改選單摸到的顏色要在Main Menu Font Hover Color後台這個選項去選。

本站具有w3tc緩存新增項目

本網站具有版頭三選單。

版頭選單有三種風格。

本站具有w3tc緩存新增項目