更多資訊-電話:04-2276-9613|host@cfb.tw

Popovers

Popovers 2018-03-21T09:38:55+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!

這是質昌風機官方網站3.0版

質昌風機持續更新網站,作為一個平台,我們提供風機資訊,包含技術資料、經驗值、2D、3D圖面,做為您在風機設備設計時的參考,減省您的規劃時間,與設計誤差。風機經實驗室開發、測試,確保風機為高效率,取得節能標章,與各種認證,提供高效率節電風機,讓您在風機選擇更便利。

 

風機快速詢價

依據風機性能,選定需求風機型號,在詢價表單勾選需要的風機結構與配件,可讓我們了解風機將使用在哪種場合,我們可以判斷是否可行,也能提出更好的適用作法。 如果是特殊製程,也請指導我們該如何製作給您需要的風機, 即使是微小的細節,也請讓我們了解。

新建廠房