Beiträge von M.0.O.

Zitat von bgeissler

Zitat von bgeissler [Blockierte Grafik: http://forum.wpde.org/images/buttons/viewpost.gif]
In der[COLOR=Red] style.css[/COLOR] anlegen:

?
was hat die grafik mit der frage zu tun?
und gibt es eine übergeordnete style.css oder ist das da wo ich es definieren wollte richtig (also in der contact-form-7/style.css)?

Zitat von bgeissler

In der style.css anlegen:

für alle Textfelder
.wpcf7-text {color:red;}

für Nachrichtenfeld:[FONT=monospace]
.wpcf7-textarea {color:red;}
[/FONT]

genau das habe ich in die contact-form-7/style.css geschrieben aber leider ist die farbe in den feldern immernoch weiß.
wenn ich eines der felder mit firebug untersuche ist die entsprechende zeile:
.wpcf7-text {
color: red;

}
zwar vorhanden aber durchgestrichen.

also es sieht so aus als ob es von einer übergeordneten instanz überschrieben würde. ich bin ehrlich gesagt über dieses scheinbar "simple" problem völlig ratlos

Zitat von bgeissler

Habe gerade mal getestet:
Die Textfarbe lässt sich per class nicht für einzelne Felder nicht zuweisen.

gibt es denn noch andere möglichkeiten?

p.s. wenn ich ein textfeld mit firebug analysiere steht da:
<span class="wpcf7-form-control-wrap name1"> <input id="acpro_inp4" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required wpcf7-text" type="text" size="40" value="" name="name1">

</span>

wobei wpcf7-text die manuell im formular zugewiesene klasse ist. (mit dem code von hille in der style.css)

und die colour-sachen aus der wpcf7-text klasse sind durchgestrichen, als ob sie überschrieben würden

Zitat von bgeissler

http://contactform7.com/docs/
Hier findest du die Dokumentation.
Schau z.B. unter "Textfields" dort kannst du "class:" Atribute für die Felder angeben, das geht auch für alle anderen Formelemente. Die Klassen definierst du in deiner style.css

danke erstmal für eure mühen es mir zu erklären.
wenn ich in der style.css den code von Hille einfüge ändert das an dem aussehen der seite leider garnix. müsste ich da noch was ändern?

und zum thema klassen eine sehr allgemeine frage: reicht eine klasse für alle objekte in dem formular anzulegen? kann ich in einer klasse einfach nur eine textfarbe definieren und diese klasse dann für textfelder, submit-button, checkbox etc. benutzen?

und wenn ich diese klasse definiere, braucht es einfach nur ein
.farbe {
color: #ff0000;
}

besipielsweise?

gruß Stephan

Leider hat mir das Tut nicht geholfen (habe schon so ca 5 angeguckt) aber da wird immer nur grundlegend beschrieben wie ich es installiere und einbaue, abe nie wie ich es im Design ändere. Das ist aber gerade meine Frage

Hallo zusammen,

ich bin sehr unversiert im Umgang mit den Sachen hier aber wollte auf meiner Seite ein Kontaktformular einbinden. Das Problem ist, dass sowohl die Hintergrundfarbe der Textfelder, als auch die Schriftfarbe in diesem Bereich weiß sind.

Die Seite als ganze ist schwarz mit weißer Schrift und es wäre mir egal ob nun in diesem Bereich die Schrift schwarz/blau wird oder die Kästchen eine andere Hintergrundfarbe bekämen.

mein code der seite sieht so aus:

Zitat

<strong><span style="color: #ffff00;">Hier könnt ihr euch zu den 5. OWS anmelden:</span></strong>

[contact-form-7 id="951" title="Meldeformular Turnier"]

und der des Formulares so:

Zitat

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

<p>Ihr Verein (Pflichtfeld)<br />
[text* verein] </p>

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

<p>Ihr TTR-Wert (per 11.02.2012) (Pflichtfeld)<br />
[text* ttr] </p>

<p>Wahl der Klassen (Pflichtfeld)<br />
[checkbox Klassenwahl "Herren A" "Herren B" "Herren C" "Herren D" "Herren E" "Brettchen"] </p>
<p> [checkbox KlassenwahlTeam "Herren Team 1" "Herren Team 2" "Herren Team 3" "Mixed"] </p>
<p> [checkbox KlassenwahlJugend "Junioren U22" "Mädchen" "Jungen A" "Jungen B" "Jungen A Team" "Jungen B Team"] </p>
<p> [checkbox KlassenwahlSchüler "Schüler A" "Schüler B" "Schüler C" "Schülerinnen A" "Schülerinnen B" "Schülerinnen C"] </p>

<p>Teampartner/Doppelpartner (optional)<br />
[text* partner] </p>

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

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

Alles anzeigen