Hide the ReCapcha logo when the form is not in use

Philip is freelancer

If you feel the content is useful. Thank for me with a coffee 😊

December 09, 2021 10:11 am

when the user submits the form ReCapcha Logo will be displayed, form protected by reCapcha. It will automatically hide when the form area is inactive

Hide the ReCapcha logo when not in use. ReCapcha helps websites block form spam. It is available for brizy. However, it always shows and hides part of the content. To hide the recapcha Logo when not in use I use the following css


code:

.brz-form:not(:hover) .grecaptcha-badge {

opacity: 0;

}

Note: There are some feedback that this is a policy violation. But personally, I think it's not a violation, when the user submits the form ReCapcha Logo will be displayed. It will automatically hide when the form area is inactive


If you feel the content is useful. Thank for me with a coffee 😊