Button Triggered Popover Module In Action

Introduction

The Button Triggered Popover triggers a popover on click of a button. It is based on Divi’s Button module. Hence the you will find field settings like those on the Button module with few expections

Module Fields

Content Tab

This tab handles the content-related fields.

It has the following sections

  • Text : Here you set the button text.
  • Popover: Here you select the popover from the dropbox list.

Design Tab

This tab handles the style-related field for the popover.

It has the following sections:

  • Alignment: Select from the button alignment options here.
  • Popover: Set the content width and padding here.
  • Close Button: Set the button font color and size here.
  • Text: Set text color here.
  • Button: Set custom button styling options.
  • Spacing: Set the button margin and padding values here.
  • Border: Set the button border here.
  • Box Shadow: Set the box shadow here.
  • Filters: Set the color filters here.
  • Animation: Set the button animation here.

Advanced Tab

This tab handles

  • Assigning of css selectors.
  • Custom css
  • Assigning visibility on various widths (responsive).
  • Setting of button attributes.

Note:

  • Popover Main CSS Class: This is the css class selector value for the popovers main element.
  • CSS ID: A unique value for the button link. If you have more than on popover on the page, kindly ensure this value is unique.

Get Access to our Themes & Plugins

Trusted by 1000+ Websites

Become a member to use our themes & plugins for an unlimited number of sites. Free and Premium options!

30-Day Money Back Guarantee

Not satisfied? Your money back, no questions asked.

Subscribe

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!