|

Is it Possible to Close a Modal Popup on the Click of a Button or Text?

We have already seen how you can create a modal popup, design and manage its behavior in Beaver Builder. Refer to the article here.

What if you wish to allow users to close the popup when they click on some text or a button present on it?

You can do this too!

You can use the “uabb-modal-close” class to do so.

All you need to do is:

1. Under the Content tab of Modal popup settings, select Type = Content.

2. Use the class within any HTML code that you wish to add.

Example

<span class=”uabb-modal-close”>Continue shopping</span>
Here, the modal will get closed when the user clicks on “Continue shopping”.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

  ⏳  Hurry Up! It’s Your Golden Hour for Cyber Monday Savings!

00
Months
00
Days
00
Hours
00
Minutes
00
Seconds

WAIT!!

You’re Missing the Biggest Discount of the Year!

00
Months
00
Days
00
Hours
00
Minutes
00
Seconds

Grab this rare opportunity to save up to 50%

100% Risk-Free Money Back Guarantee!

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Ultimate Addon For Beaver Builder Plugin - Modal Popup Form

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Scroll to Top