Formulaire CF7 – Décalage affichage message envoi ou échec (Créer un compte)

  • WordPress :5.7
  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2381210
    La petite tomate
    Participant
    Initié WordPress
    7 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.4.3
    • Thème utilisé : Éléments Bridge
    • Extensions en place : Akismet anti-spam,  Bridge Core,  Contact form 7, Éléments,  Envato
    • Nom de l’hébergeur : OVH
    • Adresse du site : improweek.com

    Problème(s) rencontré(s) :

    Bien le bonjour,

    Je rencontre un problème lorsque que des formulaires sont envoyés (formulaire au format Contact Form 7).

    Les messages d’envoi réussi et d’erreur s’affichent avec un décalage de niveau.  En gros,  au lieu de s’afficher en dessous du formulaire,  ils arrivent en plein milieu (ce qui est pour le coup assez illisible).

    Quelqu’un a déjà eu se problème?

    PS:  les sous messages d’erreur spécifiques du genre “Il faut remplir ce champs ci” s’affichent eux correctement sous les dits cartouches

    #2381211
    La petite tomate
    Participant
    Initié WordPress
    7 contributions

    Voilà visuellement

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2381224
    mathieu42
    Participant
    Maître WordPress
    850 contributions

    sur quelle page est ce formulaire ? je ne l’ai pas trouvé sur votre site.

    #2381333
    La petite tomate
    Participant
    Initié WordPress
    7 contributions

    Sur la page : http://improweek.com/fiche/

    Merci beaucoup pour le temps passé

    #2381356
    mathieu42
    Participant
    Maître WordPress
    850 contributions

    les différents éléments sont imbriqués bizarrement, montrez nous ce qu’il y a dans la structure du formulaire sur la page d’édition.

    #2381369
    La petite tomate
    Participant
    Initié WordPress
    7 contributions

    [md-form theme=”dark”]

    <div id=”responsive-form” class=”clearfix”>

    <div class=”form-row”>
    <div class=”column-half”>[md-text label=”Prénom” outlined=”yes”][text* Prenom][/md-text]</div>
    <div class=”column-half”>[md-text label=”Nom” outlined=”yes”][text* your-name akismet:author][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-half”>[md-text label=”E-mail” outlined=”yes”][email* your-email akismet:author_email][/md-text]</div>
    <div class=”column-half”>[md-text label=”Téléphone” outlined=”yes”][tel Tel][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-full”>[md-select label=”Arrivée prévue le” outlined=”yes”][select* menu “Dimanche 15 août” “Lundi 16 août”][/md-select]
    </div>

    <div class=”form-row”>
    <div class=”column-full”>TRAIN </div>

    <div class=”form-row”>
    <div class=”column-half”>[md-text label=”Arrivée en gare de” outlined=”yes”][text gare][/md-text]</div>
    <div class=”column-half”>[md-text label=”à” outlined=”yes”][text heure][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-half”>[md-text label=”Retour depuis la gare de” outlined=”yes”][text gare2][/md-text]</div>
    <div class=”column-half”>[md-text label=”à” outlined=”yes”][text heure2][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-full”>VOITURE </div>

    <div class=”form-row”>
    <div class=”column-half”>[md-text label=”Je peux prendre du covoit depuis” outlined=”yes”][text prendre][/md-text]</div>
    <div class=”column-half”>[md-text label=”Je cherche du covoit depuis” outlined=”yes”][text cherche][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-full”>CHAMBRES ET PARTICULARITÉS </div>

    <div class=”form-row”>
    <div class=”column-half”>[md-checkbox label=”Chambre mixte” display=”columns-2″ outlined=”yes”][radio chambre default:1 “Peu importe” “Oui” “Non” ][/md-checkbox]</div>
    <div class=”column-half”>[md-text label=”Je souhaite être dans la chambre avec” outlined=”yes”][text team][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-full”>[md-text label=”Vos particularités (alimentaires, … )” outlined=”yes”][text your-subject][/md-text]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-full”>[md-checkbox label=”Je peux ramener des draps ou un sac de couchage” display=”columns-1″ outlined=”yes”][radio couchage default:1 “Oui” “Non”][/md-checkbox]</div>
    </div>

    <div class=”form-row”>
    <div class=”column-full”>[md-text label=”Un message, une question?” outlined=”yes”][textarea your-message][/md-text]
    </div>

    <div class=”form-row”>
    <div class=”column-half”>[md-quiz label=”” outlined=”yes” help=”Question anti robot”][quiz quiz-1234 “Que font 7+2 ?|9″][/md-quiz]</div>
    <div class=”column-half”>[md-accept label=””][acceptance your-consent] J’ai lu et j’accepte la politique de confidentialité de ce site [/acceptance][/md-accept]
    </div>

    <div class=”form-row”>
    <div class=”column-full”>[md-submit][submit “J’envoie le message”][/md-submit]
    </div>

    [/md-form]

    #2381373
    mathieu42
    Participant
    Maître WordPress
    850 contributions

    vous avez oublié de fermer la balise “div” de la ligne après les textes “train” “voiture” et “chambre …”.

    #2381385
    La petite tomate
    Participant
    Initié WordPress
    7 contributions

    Effectivement! Ca a été modifié… mais rien ne change… damned

    #2381388
    mathieu42
    Participant
    Maître WordPress
    850 contributions

    il manque aussi un “</div>” après le champ “Arrivée prévue le”

    #2381406
    La petite tomate
    Participant
    Initié WordPress
    7 contributions

    Je viens de voir et il en manqué à d’autres endroits aussi. je viens de tous les remettre et MIRACLE, ça fonctionne !

    Merci beaucoup Mathieu42

    Je ne pensais pas que ça se ferait si rapidement et si facilement

    Bonne fin de journée à toutes et tous!

     

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.