How to make Givebutter Popup on Button Click

[tuanphan]

To make Givebutter Popup on Button click, you can do these.

#1. First, add this line under Givebutter widget in Code Block. Something like this.

<a href="#givebutter" class="new-givebutter">Sign Up Now</a>

#2. Next, use this code to Custom CSS

/* give butter widget */
div.code-block:has(.new-givebutter) {
    div {
    position: relative;
}
a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    color: #fff;
    background-color: #000;
    padding: 10px 10px;
    text-align: center;
    border-radius: 50px;
    width: 120px;
}
    givebutter-widget {
        z-index: 999999;
        position: absolute;
         top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
        opacity: 0;
    }}

#3. Result like this

#4. If you want to adjust its style, change these lines.