Blog
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.
Voici la démarche à suivre : lorsque vous être sur la page de votre formulaire, allez dans l’onglet
« Personnaliser » puis « Personnalisation JS/CSS personnalisé ».
« 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).
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;
}
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;
}
