web-dev-qa-db-fra.com

Alignez reCaptcha à droite sur le formulaire de contact 7

Je gère un site wordpress avec le formulaire de contact 7. Je me suis inscrit à reCaptcha et tout fonctionne correctement, sauf que tous les champs du formulaire sont alignés à droite, mais que reCaptcha est aligné à gauche.

Est-il possible de l'aligner à droite comme le reste des champs?

Voici une capture d'écran de ma machine locale:  Picture of reCaptcha aligning to left on contact form 7 

plugin-contact-form-7captcha
1
Aadil Ganie

Vous ne pouvez pas faire cela directement dans le plug-in CF7, vous devez modifier le CSS.

Ajoutez ce qui suit au fichier style.css de votre thème:

.wpcf7-recaptcha > div {
    margin: 0 0 15px auto;
}

VEUILLEZ ÊTRE NOTÉ:

Si vous ajoutez le code ci-dessus, il s'appliquera à tous vos champs recaptcha dans tous les formulaires de votre site Web.

Souvent, nous aimerions le faire uniquement sous une certaine forme, voici comment vous pouvez le faire:

Premièrement: ajoutez un identifiant au recaptcha dans le formulaire de contact 7

[recaptcha id:enquiryFormRecaptcha]

Deuxièmement: Personnalisez votre CSS

#enquiryFormRecaptcha > div {
    margin: 0 auto 0 auto;
}

Bonne chance!

3
Greg36