Delay close button in Popups

Ask the Community Customization
1

Is there a way for us to delay the occurence of close button in popups? Like close button will appear only after 3 or 5 seconds?

1 Like
3

Hi there, @user15075 :wave:

I see that you have 3 Popup widgets. Could you please specify the name of the widget where you’d like to apply this functionality?

4

Hi Max, I would like to apply for the 3 popup widgets please, thank you

1 Like
5

Got you!

I’ve passed your request to the devs! I’ll get back to you once I receive a response from them :slightly_smiling_face:

6

Hi there, @user15075 :wave:

To implement this customization, you just need to add the HTML block in your widget and insert this code there:

<style>
  [class*='BuilderBlock__Content-sc'] > :last-child {
    display: none;
  }

  @keyframes close-animation {
    0%,
    99% {
      opacity: 0;
      pointer-events: none;
    }
    100% {
      opacity: 1;
      pointer-events: all;
    }
  }

  [class*='Popup__PopupCloseInsideInner-sc'] {
    animation: close-animation 3s;
  }
</style>

image
image366×547 11.3 KB
image


close-animation value allows you to adjust the delay in seconds.

Try it out and let me know if you like the result :wink:

7

It worked!! Thank you so much, Max! :pray::innocent:

2 Likes
8

Awesome! You are very welcome :wink: