# Delay close button in Popups

**URL:** <https://community.elfsight.com/t/delay-close-button-in-popups/72706>\
**Category:** Customization\
**Tags:** popup\
**Created:** [September 27, 2024, 8:09am UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706 "2024-09-27T08:09:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![user15075](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user15075/32/36672_2.png) [@user15075](https://community.elfsight.com/u/user15075)\
**Post date:** [September 27, 2024, 8:09am UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/1 "2024-09-27T08:09:29Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 27, 2024, 10:56am UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/3 "2024-09-27T10:56:27Z")

</div>

Hi there, @user15075 👋

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?

---

<div class="post-metadata">

**Author:** ![user15075](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user15075/32/36672_2.png) [@user15075](https://community.elfsight.com/u/user15075)\
**Post date:** [September 27, 2024, 6:54pm UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/4 "2024-09-27T18:54:15Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 27, 2024, 6:55pm UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/5 "2024-09-27T18:55:34Z")

</div>

Got you!

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 30, 2024, 10:50am UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/6 "2024-09-30T10:50:30Z")

</div>

Hi there, @user15075 👋

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

```auto
<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](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/3/836c0fe8a154a4245c4e031d8fac6fc3bf7ac284.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/e/5e682e57060eb45fecee4de0dcc3495f3fae713d.png)

  

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

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

---

<div class="post-metadata">

**Author:** ![user15075](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user15075/32/36672_2.png) [@user15075](https://community.elfsight.com/u/user15075)\
**Post date:** [September 30, 2024, 11:16am UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/7 "2024-09-30T11:16:37Z")

</div>

It worked!! Thank you so much, Max! 🙏😇

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 30, 2024, 11:20am UTC](https://community.elfsight.com/t/delay-close-button-in-popups/72706/8 "2024-09-30T11:20:48Z")

</div>

Awesome! You are very welcome 😉