• Paru le 7 septembre 2016 - mis à jour le 30 décembre 2017

Centrer la Captcha Google avec BWP reCAPTCHA

213 mots - 1mn

Centrer la Captcha Google avec BWP reCAPTCHA

1024 683 Tout sur WordPress

Vous avez remar­qué ? Positionner correc­te­ment le module pour éviter le spam n’est pas une siné­cure… et sur Google, les astuces se suivent mais ne se ressemblent pas – si ce n’est qu’aucune ne fonc­tionne vrai­ment.

L’extension BWP reCAPTCHA permet de s’affranchir du spam généré par des robots à l’affût de la moindre faille. Oui mais voilà, le posi­tion­ne­ment d’origine n’est pas toujours très satis­fai­sant.

Alors comment faire ? J’ai testé pour vous, diffé­rentes règles CSS, et j’ai fini par trou­ver comment mettre ma Captcha centrée sous le formu­laire (il faut dire qu’au départ, elle était très mal posi­tion­née… voyez plutôt :


Voici le code :

Il suffi­sait de régler à 100% la largeur de la deuxième balise  <div> – or elle n’a pas de classe ni d’id. J’ai donc choisi d’appliquer le pseudo‐élément  :first-child du parent, qui bien heureu­se­ment possède nati­ve­ment une classe (et même deux) dans l’extension.

Où insé­rer ce code CSS ?

Tout simple­ment en vous rendant dans BWP reCAPT > Options du thème.

BWP reCAPTCHA - options du thème

BWP reCAPTCHA – options du thème

Activez les CSS person­na­li­sées en cliquant sur l’option Enable custom CSS.
Il ne vous reste plus qu’à coller le code ci‐dessus dans la zone prévue à cet effet, et de cliquer sur Enregistrer les modi­fi­ca­tions.

Et voilà !

Si vous avez trouvé une faute d’orthographe, veuillez sélec­tion­ner le texte en ques­tion et appuyer sur Ctrl + Entrée.

Laisser une réponse

La modération des commentaires est activée. Votre commentaire peut prendre un certain temps avant d'apparaître.

    Partager…

    Rapport de faute d’orthographe

    Le texte suivant sera envoyé à nos rédacteurs :