Formulaire de contact...

Je viens demander un peu d'aide ici parce que je sais qu'il y a des gens sympas qui s'y connaissent. Alors mon problème, c'est que j'ai installé un formulaire de contact via l'interface WP. C'est le contact form 7. Tout fonctionne bien, sauf pour l'affichage: je n'ai pas de cadre pour les champs. En gros, on ne sait pas trop ou on doit écrire.


Vous voyez ce que je veux dire? Les champs sont un peu perdus dans la nature. Et j'ai essayé avec un autre formulaire ça me fait pareil. Du coup je soupçonne un truc à modifier dans la feuille de style, mais je n'ai pas trop envie de m'y aventurer et faire tout planter. Quelqu'un a une idée?

Non désolée, je suis également en train de bosser sur mon blog sous WP et je n'ai pas eu de souci pour installer un contact form
Peut-être que c'est juste un problème de couleur non définie qui fait que les cases n'apparaissent pas on sait jamais...

je dirais comme C-Line c'est sûrement parce que le fond est blanc et je pense que le cadre pour ce formulaire doit être également blanc d'où la transparence

Le problème c'est que ça m'a fait ça aussi avec un autre formulaire de contact. Ca doit donc provenir de mon site, mais je ne veux pas aller bidouiller des trucs et faire des bétises...

Il faut que tu trouves ton fichier de feuille de style *.css

Trouver les lignes qui correspondent au formulaire et vérifier la couleur de la bordure du champ.

Par exemple :

border: 1px solid red;

Donne une bordure d'un pixel, pleine, en rouge.

Pour retrouver les lignes à modifier tu peux regarder dans la source de ta page, en général il y a un identifiant.

Par exemple :



Dans le fichier *.css, il faut retrouver les lignes "maclass".

.maclass{border: 1px solid red;}

Tiens nous au courant!

D'abord, merci d'avoir pris le temps de m'aider!

Ca y est! C'est quand même pas si simple. J'ai fait comme je faisais autrefois avec canalblog. J'ai tapé le code pour une bordure solide rose fluo, je l'ai mis à un endroit de la feuille de style jusqu'à ce que ça modifie ce que je souhaitais. Et comme ça j'ai réussi à trouver le champ à modifier.

Il s'appelle: span.wpcf7-form-control-wrap

Encore merci pour ton aide!

hummm...

Autre question à 2 balles: pourquoi est-ce que pour le champ message je n'ai qu'un quart du cadre?



Mouais... C'est pas demain la veille que ce sera nickel!

Mais si courage Ce sont les joies de l'informatique

Donne moi le code que tu as dans la feuille de style.

Merci

Voilà, j'ai mis ça (partie en gras):
span.wpcf7-form-control-wrap {
position: relative;
border: 1px solid #AFB0B0;
}

Le reste était déjà là, moi j'ai rajouté la ligne "bordure".

Merci!

Dans ta feuille de style rajoute un élement : (Change à ta convenance).

Code:

textarea {
   border-color: #AFB0B0;
   border-style: solid;
   border-width: 2px;
}

Change ensuite, le span.wpcf7-form-control-wrap pour ne laiser que position: relative;

Ensuite dans ta page ou est présent le formulaire tu as :

Code:

<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10"></textarea></span>

Modifie en mettant celà aprés row="10" :

Code:

class="textarea"

Jérémy a écrit:Dans ta feuille de style rajoute un élement : (Change à ta convenance).

Code:

textarea {
   border-color: #AFB0B0;
   border-style: solid;
   border-width: 2px;
}

Change ensuite, le span.wpcf7-form-control-wrap pour ne laiser que position: relative;

>> Ca, j'ai compris et j'ai fait.

Jérémy a écrit:
Ensuite dans ta page ou est présent le formulaire tu as :

Code:

<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10"></textarea></span>

>> Ca, je le vois bien quand je suis sur mon blog au niveau de la page contact et que je fais afficher le code source de cette page. Mais je ne le trouve pas dans les feuilles .php du pluggin pour le modifier. Et quand je vais dans l'administrateur wp et que je fais afficher le html à l'endroit où j'ai tapé le contenu pour le formulaire de contact, il n'apparait pas non plus. J'ai seulement

[contact-form 1 "Formulaire de contact 1"]

Ce code doit certainement renvoyer à toutes les feuilles que j'ai dans la partie édition du pluggin. Mais tout est imbriqué j'ai l'impression et je ne trouve pas dans quelle feuille peut se trouver ce code pour que je puisse le modifier.

Je suis un boulet. Mais en même temps c'est pas vraiment mon domaine et je pensais que tout aller rouler tout seul avec ce pluggin. Encore une fois merci d'avance pour ton aide!

Je ne peux pas t'aider plus sans avoir les fichiers sous la main.

Tu peux m'envoyer par MP tes informations FTP, et/ou de l'administration WP.

Voilà le problème est réglé.

Un énorme merci Jérémy! Mon formulaire de contact fonctionne très bien maintenant et c'est grâce à toi!

Merci!

Bonjour,
est-ce que ça existe un formulaire de contact, qui met les coordonnées du contact dans une vcard jointe à l'email ? Comme ça, on importe d'un clic les coordonnées du contact dans son gestionnaire de contact ! (gmail pour moi en l'occurence).
Si vous connaissez d'autres moyens d'éviter de ressaisir les coordonnées du prospect pour le mettre dans sa base de contact, je suis également preneur !
Thierry