Marre des spams sur votre site web ?

Vous avez rajouté un Captcha à votre formulaire de contact sur votre tableau de bord wordpress mais il ne s’adapte pas à l’écran en mobile ?
Pas de panique, je vous apporte la solution dans cet article.

Comment redimensionner le reCaptcha V2 de google pour le responsive
Voici la démarche à suivre : lorsque vous être sur la page de votre formulaire, allez dans l’onglet
« Personnaliser » puis « Personnalisation JS/CSS personnalisé ».

Dans le cadre « Code CSS » entrez ces lignes de code :

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

Et voilà, le tour est joué !
Vous pouvez ajuster au besoin les dimensions (ici 0,80).

CSS recaptcha mobile
Le captcha s’affiche avec un fond de la couleur des champs de votre formulaire ?
Si vous souhaitez avoir un fond transparent, ajoutez ce bout de code juste en dessous du précédent :


div.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
background:transparent!important;
}

Besoin de mes services pour créer
votre design d'interface ?

Parlons-en ensemble !