CSS Snippet

Wiso Technologies
Admin
Iscritto: 2025-04-30 21:36:07
2025-05-03 17:47:44

Paste this in your Custom CSS:

.btn-light {
    background-color: #fff3 !important;
    color: #fff !important;
    border: none !important;
}

.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:focus-visible {
    background-color: #fff4 !important;
    color: #fff !important;
    border: none !important;
}

#biolink_block_id_641 {
    display: none !important;
}

.btn-gift {
    border: 3px solid #fff !important;
    border-style: dashed !important;
}

.btn-gift:hover,
.btn-gift:active,
.btn-gift:focus,
.btn-gift:focus-visible {
    border: 3px solid #fff !important;
    border-style: dashed !important;
}

#celebration-gif {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999;
    max-width: 80vw;
    max-height: 80vh;
    pointer-events: none;
}

Paste this in the Custom JS:

function throwConfetti() {
    confetti({
        particleCount: 150,
        spread: 70,
        origin: {
            y: .7
        },
        colors: ["#bd4b00", "#ffffff", "#00bd7e", "#3375fa", "#cac64e"]
    })
}

function showCelebration(e = 6e3) {
    const t = document.getElementById("celebration-gif");
    t.style.display = "block", setTimeout((() => {
        t.style.display = "none"
    }), e)
}

Enjoy it! 

 

Wiso Technologies
Admin
Iscritto: 2025-04-30 21:36:07
2025-05-03 18:07:03

Just did a little change in the JS:

function throwConfetti() {
    confetti({
        particleCount: 150,
        spread: 70,
        origin: {
            y: .7
        },
        colors: ["#bd4b00", "#ffffff", "#00bd7e", "#3375fa", "#cac64e"]
    })
}

Regards!

Charlie Codev
Membro
Iscritto: 2025-04-30 23:14:59
2025-05-03 18:08:21

Awesome Snippet! Thanks! 

Wiso Technologies
Admin
Iscritto: 2025-04-30 21:36:07
2025-05-03 20:27:04

Update your code:

body {
background:none!important;
}

Copy this code in your CSS