Skip to content

Instantly share code, notes, and snippets.

@jarno-vos
Last active November 30, 2022 08:34
Show Gist options
  • Save jarno-vos/ceb6142a1064784fe8ba82bfd9445438 to your computer and use it in GitHub Desktop.
Save jarno-vos/ceb6142a1064784fe8ba82bfd9445438 to your computer and use it in GitHub Desktop.
wpforms recaptcha css
/* Styling for the inline reCaptcha notice. And example can be seen on
* https://complianz.io/how-to-implement-recaptcha-and-consent-for-wp-forms/
* You can ofcourse edit however you see fit.
*/
/* Hide the Submit button before consent */
.wpforms-submit-container {
display:none;
}
/* Display the Submit button if Marketing or ReCaptcha consent was obtained */
.cmplz-google-recaptcha .wpforms-submit-container, .cmplz-marketing .wpforms-submit-container {
display:block!important;
}
/* Style the button */
button.cmplz-blocked-content-notice.cmplz-accept-marketing.cmplz-wpforms {
background-color: #fff!important;
border: 1px solid #ddd;
color: #333;
font-size: 1.2em;
padding: 10px 15px;
margin-top:15px;
}
/* Optional: Hide the ReCaptcha consent placeholder after obtaining consent */
.cmplz-marketing button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms,
.cmplz-google-recaptcha button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment