Popovers

Portada » Popovers
Popovers2014-09-04T18:47:26+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!
Compartir contenidos didácticos y gráficos sobre la pesca a mosca. Disfrutar de esta afición como una forma de vida.
Para el pescador desconsiderado, los peces son objetos, incluso mercaderías, que sencillamente nos proporcionan un divertimento ocasional. Sin embargo, cuando el pescador los observa y entiende, los peces rezuman una majestuosa calidad. Una vez descubierta la máscara, el pez se nos revela fascinante, se trata de una criatura compleja y, a la par, con una vida en constante cambio, que difícilmente podremos conocer nunca por completo. Su belleza se refleja asimismo en el agua: de hecho, la apariencia de un pez recién capturado puede parecer maravillosa, pero en su hábitat natural es incluso más gloriosa… …Cuando más sepamos acerca de los peces y de las aguas que habitan, mayor será nuestro deseo de protegerlos y no herirlos. Tal vez, transcurrido algún tiempo, consideremos que es mejor observarlos que capturarlos. Si se encuentra frente a un buen ejemplar, lógicamente deseará pescarlo; pero recuerde que los de tamaño medio deben nadar libremente. Por encima de todo, debemos amparar las aguas de la contaminación, el vandalismo y los escombros. El pescador que ha visto lo que oculta la máscara es el mejor guardián que pueden tener los ríos y los lagos de nuestro planeta.>> John Baile
Por la vida; por encima de todos nuestros principios están, la protección y el respeto por las especies, sus hábitats y los entornos naturales. "Siempre captura y suelta"