11 juillet 2017
Dans
Programmation
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à !
Tartiflette
10 novembre 2022 à 13 h 36 minMerci 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!