really nice plugin :) I wish the button to close the pop-up

Hi guys,

really nice plugin :slight_smile:
I wish the button to close the pop-up is not active for the first 5 seconds, so the user have to necessarily wait before clicking on the close button.
After 5 seconds the close button becomes active and the user can close the popup.

Can you help me in this customization? Could you give me some information?

Thanks so much :slight_smile:

  • Jude

    Hey @Marco Siccardi

    Thanks for getting in touch and welcome to the community !!

    Here is some CSS that can do this for you

    .wdpu-close {
        -webkit-animation: popup 10s;
        -moz-animation: popup 10s;
        -o-animation: popup 10s;
        animation: popup 10s;
        opacity: 0;
    }
    @keyframes popup {
        0% {
            opacity: 0;
        }
        49% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        99% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes popup {
        0% {
            opacity: 0;
        }
        49% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        99% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @-moz-keyframes popup {
        0% {
            opacity: 0;
        }
        49% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        99% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @-o-keyframes popup {
        0% {
            opacity: 0;
        }
        49% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        99% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes popup {
        0% {
            opacity: 0;
        }
        49% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        99% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }

    Cheers
    Jude

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.