Contact Form 7 anpassen oder formatieren

Poste bitte einen Link zum Problem, damit man sich das mal ansehen kann. Möglich ist es...

EDIT: Bzw. funktioniert es scheinbar auch so, in dem Du entsprechende Klassen in die eckigen Klammern schreibst, diese dann Deiner style.css hinzufügst und entsprechend stylest.

Bsp. für den Submit Button:

In den Pluginoptionen steht dann irgendwo

[submit "Send"]

Daraus machst Du dann

[submit class:xyz "send"]

In der style.css schreibst Du dann:

.xyz {...}

Das sollte für alle wichtigen Elemente des Formulars funktionieren.

EDIT2: Siehe Dokumentation: http://contactform7.com/2009/11/18/text-fields/

Hallo zusammen,

ich habe ein ähnliches Problem:

http://brencher-reisen.bplaced.net/Wordpress/kontakt-2/

So sieht das aus.

So sieht der Code des Plugin aus:

<p>Ihr Name (Pflichtfeld)<br />
[text* your-name] </p>

<p>Ihre E-Mail-Adresse (Pflichtfeld)<br />
[email* your-email] </p>

<p>Betreff<br />
[text your-subject] </p>

<p>Ihre Nachricht<br />
[textarea your-message] </p>

<p>[submit "Senden"]</p>

Diese Seite habe ich aus dem Link von infected:

http://contactform7.com/text-fields/

Damit scheint man dieses Formatierungsproblem lösen zu können.
Man, ich nicht.. Leider. Ich bekomme das einfach nicht hin, das die Zeilenabstände passen und nicht alles so ineinadergeschoben aussieht.

Bisher konnte ich mir alle Fragen mit Google beantworten, aber das scheint tiefer zu gehen.

Kann mir bitte jemand helfen und den Code anpassen?

Vielen Dank und beste Grüße
Stefan

Die Feldlänge kannst du beeinflussen. Versuch mal den mitgelieferten Form-Generator. Ein Beispiel für ein angepasstes Feld:

[text* Nachname 17/40]

Um eventuelle Floats hinzubekommen, würd ich zusammengehörende Felder in einzelne Divs packen.
Ich bin da auch regelmäßig am verzweifeln und frage mich, warum so altbackene Dinge nicht mal überarbeitet werden.

Super, vielen Dank schon mal für diesen Tip!

Damit habe ich es jetzt so angepasst: http://brencher-reisen.bplaced.net/Wordpress/kontakt-2/

Ist 100/40.. Ich kenne mich leider gar nicht damit aus. Ist das so praktikabel?

Floats und Divs sind Dinge von denen ich bisher nichts gehört habe.

Vielen Dank!

Na das sieht doch schon ganz brauchbar aus. den senden button würd ich ja noch drunter setzen und nicht so dran kleben.

zu den beiden zahlen: die erste gibt die breite deiner felder an, die zweite die anzahl der zeichen, die eingegeben werden können.

Hallo,

gute Info mit der Zahl der erlaubten Zeichen. Hab an die Höhe gedacht.
Alles eben etwas try&error.. :D

Wie bekomme ich den Senden-Button denn nach unten?

Würde mir auch besser gefallen.

Gruß
Stefan

Zitat von touge

Wie bekomme ich den Senden-Button denn nach unten?

Hallo Stefan,

wenn du der textarea den float durch clear:both; wieder aufhebst und ein margin-bottom:10px; für den Abstand gibst. :-)

textarea, input {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
box-shadow: 1px 1px 3px #999999 inset;
[B]clear: both;[/B]
color: #000000;
display: inline-block;
 float: left;
 font-size: 1em;
[B]margin: 0 0 10px;[/B]
padding: 10px;
transition: all 0.3s linear 0s;
}

Oha, 4 Wörter in einem Satz die ich nicht kenne und verstehe leider.

Was aus diesem Textblock soll ich denn wo einpflegen?
Oder einfach den ganzen Block vor den "Submit-Buttom" ?

Danke für die Hilfe!

In deiner style.css Zeile 71 änderst du den Teil bei textarea. :-)

Auf das style.css Ding kann ich über meinen FTP zugreifen, oder?
Das geht nicht über das Backend?

touge
mit den fixen Angaben für Feldlänge ist dein Theme nicht mehr responsive.
Setze besser das ganze Form in eine Div, die max-width stellst du entspr. deines Themes ein:

Zitat

<div style="[COLOR=#ff0000]float:left;max-width:680px;[/COLOR]">
<p>Dein Name (Pflichtfeld)<br />
[text* your-name] </p>

<p>Deine E-Mail-Adresse (Pflichtfeld)<br />
[email* your-email] </p>

<p>Deine Nachricht<br />
[textarea textarea-908 x4]</p>

<p>[submit "Senden"]</p>
[COLOR=#ff0000]</div>[/COLOR]

Zitat von touge

Auf das style.css Ding kann ich über meinen FTP zugreifen, oder?
Das geht nicht über das Backend?

Doch unter Design --> Editor --> style.css

Ergänzend: Aber auch nur wenn die Datei beschreibbar ist.

Ohje, hab mir das jetzt mal angesehen.
Style.css geht über Design -> Editor, ja, aber da blicke ich nicht wirklich durch.

Was ist gemeint mit "nicht mehr responsive" ?

Zitat von touge

Was ist gemeint mit "nicht mehr responsive" ?

Dein Theme passt sich automatisch an alle Anzeigebreiten auch mobile-Geräte an.

Hallo,

mit dem Plugin Contact Form 7 Cusomizer geht vieles viel einfacher (Farbe, Göße etc.)