Par défaut, le logo Google reCAPTCHA v3 s’affiche en bas à droite du site. Dans certains cas, il peut gêner l’affichage ou entrer en conflit avec d’autres éléments comme un chat ou un bouton flottant.
Il est possible de modifier sa position facilement avec du CSS.
Contenu avancé #
Cette manipulation utilise du CSS. Une mauvaise modification peut impacter l’affichage du site.
Objectif #
Déplacer le badge reCAPTCHA vers une autre position sur le site.
Code à utiliser #
Ajoute le code suivant dans le CSS personnalisé :
.grecaptcha-badge {
left: 14px !important;
right: auto !important;
}Comprendre le fonctionnement #
leftpositionne le badge à gaucheright: autodésactive la position à droite
Par défaut, Google positionne le badge en bas à droite. Ce code permet simplement de le déplacer.
Où ajouter ce code ? #
- Apparence → Personnaliser → CSS additionnel
- Divi → Options du thème → CSS personnalisé
- ou via un plugin de snippets CSS
Points d’attention #
- le badge reCAPTCHA doit rester visible (obligation Google)
- ne pas le masquer complètement
- vérifier l’affichage sur mobile
Astuce utile #
Si tu utilises un chat ou un bouton flottant, adapte la position du badge pour éviter les chevauchements.
Pour aller plus loin #
Pour conclure #
Le badge reCAPTCHA peut être déplacé facilement avec du CSS. Il est important de conserver sa visibilité tout en adaptant son positionnement pour éviter les conflits avec d’autres éléments du site.