How can I transform popup links to Buttons?

WordPress GDPR FAQ Viewed: 1821

Deprecated after Version 1.5. Button Style for Agree / Decline are now standard on 1.5.If you want to use buttons instead of links you can use the following custom CSS:

.wordpress-gdpr-popup-actions {
	margin-top: 15px;
}
.wordpress-gdpr-popup-actions a {
    background: #FF5722;
    color: #FFF;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
}

Like the look of our Demo with the buttons? Here is the CSS:

.wordpress-gdpr-popup-agree, .wordpress-gdpr-popup-decline {
    padding: 8px 15px;
    text-decoration: none !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}

.wordpress-gdpr-popup-agree {
    background: #FF5722;
    float: left;
}

.wordpress-gdpr-popup-decline {
    background: #9E9E9E;
    float: right;
}

.wordpress-gdpr-popup-actions {
    margin-top: 20px;
}

.wordpress-gdpr-popup-privacy-center, .wordpress-gdpr-popup-read-more {
    display: block;
}

.wordpress-gdpr-popup-privacy-center, .wordpress-gdpr-popup-read-more {
    display: block;
    float: none;
    clear: both;
}

Leave a Reply

Your email address will not be published. Required fields are marked *