Image du titre

Redimensionner Google noCAPTCHA reCAPTCHA sur votre formulaire

Redimensionner Google noCAPTCHA reCAPTCHA sur votre formulaire

Vous avez peut être remarqué que le service Google noCAPTCHA reCAPTCHA propose par défaut un rectangle qui en mode mobile est plus grand que votre affichage, voici une solution élégante pour régler ce problème.

Au lieu de changer le code embarqué en ligne, vous pouvez ajouter cette règle dans votre CSS directement.

<style> 
@media screen and (max-height: 575px) {
    #rc-imageselect,.g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
</style>

 

Adapter les valeurs « scale » en fonction de vos besoins.
Et voilà !

1 Сommenter
  • Tartiflette

    10 novembre 2022 à 13 h 36 min Répondre

    Merci beaucoup pour la soluce, elle marche très bien, je n’ai eu qu’à remplacer la classe du bloc et juste modifier les valeurs, impec!

Publier un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Activer les notifications Super merci ! Non merci !
On which category would you like to receive?