Beiträge von oestersund2

Zitat von b3317133

Hier funktioniert das Formular wenn man bei Tel Nummer eine Nummer und bei E-Mail eine E-Mail eingibt.

ok dann hoffe ich mal dass das jetzt überall klappt.

Herzlichen Dank nochmal und Dir ein schönes WE !

Zitat von b3317133

Du hast was anderes als eine Telefonnummer eingegeben?

nur eine kurze Zahlenfolge - die akzeptiert er auch beim Feld darüber.

wenn ich die Form auf https://www.praxis-christiane-moeller.de/ihre-anmeldung/ jetzt teste gehts übrigens. Magst Du das auch nochmal im vgl zu davor tun? thx a lot

Zitat von b3317133

Ersetze z.B. das

Code

[tel* Tel-Weitere]

durch das

Code

[tel Tel-Weitere]

Die aktuelle Bezeichnung ggf. weitere Tel.-Nr. sagt, das Feld wäre optional.

Das stimmt, vielen Dank für den schnellen Hinweis / habe ich geändert. Bei mir trat der Fehler allerdings auch auf, wenn ich unter diesem Feld etwas eingegeben hatte. Kann es noch einen anderen Grund geben?

Liebe CF7 Experten,
auf unserer Seite https://www.praxis-christiane-moeller.de/ihre-anmeldung/ haben wir CF7 verwendet, aber die Form gibt - komischerweise nicht immer und browserunabhängig - "Feld fehlt" zurück. Ich habe den Bug nicht gefunden.

Wer eine Idee hat: Info wäre toll & hilfreich

Danke & viele Grüße, Tilman

Der CF7 Code sieht so aus:

<p style="font-size: 22px"><br>Angaben zu Ihrer Person:<br></p>
[radio Anrede-R use_label_element default:1 "Herr" "Frau" "Divers"]

<label> Vorname*
[text Vorname]</label>

<label> Nachname*
[text Nachname]</label>

<label> Ihr Geburtsdatum*
[date* Geburtsdatum] </label>

<p>&nbsp;</p>
<p>&nbsp;</p>

<p style="font-size: 22px"><br>Kontaktdaten / Adresse:<br></p>

<p>&nbsp;</p>
<label> E-Mail Adresse*
[email* E-Mail] </label>

<label> Primäre Telefonnummer*
[tel* Tel-Erste] </label>

<label> ggf. weitere Tel.-Nr.
[tel* Tel-Weitere] </label>

<label> Strasse, Nr*
[text* Strasse-Nr] </label>

<label> PLZ, Ort*
[text* PLZ-Ort] </label>

<p style="font-size: 22px"><br>Art und Dauer Ihrer Beschwerden?<br></p>

<label> z.B. vorliegende Diagnosen, Beschreibung Ihrer Symptome, vorherige Therapieversuche, ...*
[textarea* Beschwerden] </label>

<label> Feld für Ihre zusätzliche Nachricht / Info / Frage
[textarea Info-Frage] </label>

<p style="font-size: 22px"><br>Wie sind Sie versichert?*<br></p>

[radio Versichert use_label_element default:1 "Selbstzahler" "Privat" "Privat + Beihilfe"]

<p style="font-size: 22px"><br>Wie haben Sie von mir erfahren?*<br></p>

[radio Infoquelle use_label_element default:1 "Ärzte/Therapeuten" "Internet/Google" "Empfehlung von Patienten" "Newsletter / Gesundheitstipp" "Anders"]

<p style="font-size: 22px"><br>Ggf. aktuelle Befunde hochladen<br></p>

<label> Bitte als eine PDF, max. 6 MB
[file Befunde limit:6000000 filetypes:pdf] </label>

<p>&nbsp;</p>
<p style="font-size: 22px"><br>Ihre Bestätigung zu Terminverbindlichkeit und Datenschutz:<br></p>
[checkbox* checkbox-142 use_label_element "Ich bestätige hiermit den per heutiger E-Mail erhaltenen Termin. Ich weiss und stimme zu, dass ich diesen Termin 24 Stunden vorher absagen muss und dass dieser andernfalls privat in Rechnung gestellt wird."]

[checkbox* checkbox-143 use_label_element "Ich habe die Datenschutzerklärung zur Kenntnis genommen, verstanden und stimme zu, dass meine Angaben und Daten zur Beantwortung meiner Anfrage elektronisch erhoben und gespeichert werden. Meine Einwilligung kann ich jederzeit widerrufen."]

<p>&nbsp;</p>
<p style="font-size: 22px"><br>Bitte klicken Sie auf den Button (Sie erhalten eine Bestätigungsmail):<br></p>
[submit "Anmeldung absenden"]</p>

Zitat von threadi

Code

body#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #728cc9; }

.. wobei das beim Date-Feld vermutlich nicht in jedem Browser funktionieren wird, da es eine schwer gestaltbare Browserkomponente ist.

Die anderen Formularfelder bei dir dienen nicht zur Texteingabe.

hat alles geklappt. nochmals vielen Dank!

Zitat von threadi

Code

body#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #728cc9; }

.. wobei das beim Date-Feld vermutlich nicht in jedem Browser funktionieren wird, da es eine schwer gestaltbare Browserkomponente ist.

Die anderen Formularfelder bei dir dienen nicht zur Texteingabe.

ok, verstehe, also analog. Ich versuche das gern so.

Zitat von threadi

Ja, weil die Wertigkeit nicht hoch genug ist um über die Theme-Angaben zu kommen. Schreibs mal so:

Code

body#top .alternate_color input[type="text"] { font-size: 20px;color: #728cc9; }

Danke, das klappt jetzt. Ja, das Formular steht in einem "alternate color" Bereich - verstehe

Und hast Du zum guten Schluss eine Idee wie man diese Formatierung für alle Feldtypen hinterlegt - nicht nur für "Text" sondern z.B. auch für Textarea? (s.o.) Oder am besten pauschal für alle Eingabefeldtypen

Das wäre superklasse

Zitat von threadi

Statt font-color nur color wäre richtig. Also:

Code

body#top input[type="text"] { font-size: 20px;color: #728cc9; }

Danke, aber der code mit der color zeigt leider keinen effekt

und die textarea-Eingaben bleiben im Gegensatz zu "text" Feldern leider klein trotz:

body#top input[type="textarea"] {
font-size: 20px;
}

Zitat von threadi

Wie ichs mir dachte. Dein Avia-Theme überlagert jeglichen Style. Du müsst dessen Style-Angaben adaptieren und ergänzen. Beispiel:

Code

body#top input[type="text"] { font-size: 22px; }

prima, danke. Und die Schrift dunkler?

das hier ist wohl falsch

body#top input[type="text"] { font-size: 20px; font-color: #728cc9;
}

und das alles sollte für alle Eingabetypen gelten nicht nur für Textfelder. Gibts da einen Art generalisierenden Code?
sorry, bin da kein Experte :)

gern:

Seite:
https://www.praxis-christiane-moeller.de/ihre-anmeldung/

CSS:
/* Contact Form 7 Stil*/

.wpcf7-input {
font-color: #000000;
font-size: 22px;
}

.wpcf7-checkbox {
font-size: 32px;
}

.wpcf7-date {
font-size: 20px;
}

input[type="radio"] {
width: 22px;
height: 22px;
border: 0;
}

input[type="radio"] {
width: 22px;
height: 22px;
border: 0;
}

#top .wpcf7-radio label span {
font-size: 17px;
line-height: 20px;
}

input[type="checkbox"] {
width: 22px;
height: 22px;
border: 0;
}

input[type="checkbox"] {
width: 22px;
height: 22px;
border: 0;
}

#top .wpcf7-checkbox label span {
font-size: 17px;
line-height: 20px;
}

.wpcf7-file {
font-size:20px;
padding: 10px 10px;
}

input.wpcf7-form-control.wpcf7-submit {
font-weight: 200 !important;
font-size: 22px !important;
}

Moin zusammen,
hat jemand einen Tipp, wie man die Fontfarbe und Größe der Feldeingaben eines Formulars ändert? Diese sollten größer und dunkler sein als jetzt.

Dieser CSS Code scheint falsch zu sein:

.wpcf7-input {
font-color: #000000;
font-size: 22px;
}

Vielen Dank für Eure Tipps!

PS: Hat jemand noch einen Tipp, wie man die Fontfarbe und Größe der Feldeinagben ändert?Diese sollten größer und dunkler sein als jetzt.

Dieser CSS Code scheint falsch zu sein:

.wpcf7-input {
font-color: #000000;
font-size: 22px;
}

Herzlichen Dank

Zitat von b3317133

Siehe Antwort #17, analog dazu [FONT=Courier New]checkbox[/FONT].

stimmt, sorry - super , jetzt ist alles fein :-)

Zitat von b3317133

• Aussehen des Upload Buttons wird vom Browser beeinflusst, vergleiche unterschiedliche Browser, mehr dazu z.B. hier.
• Grösse bei [FONT=Courier New]checkbox[/FONT] analog zu [FONT=Courier New]radio[/FONT] wie oben beschrieben.

große der boxen ändern: klappt nun, danke

aber welche code muss ich ergänzen, dass auch die Schrift neben Buttons & boxen größer wird?

Zitat von b3317133

Code

.wpcf7-date {
    font-size: 20px;
}

Einige Label Tags sind weiterhin falsch bzw. fehlen, siehe korrigierter Code oben in Antwort #9.

prima, danke. Die Labels sind auf dem Originalformular (das hier war eine Kopie) alle vollständig.

Ergebnis sieht nun so aus:
https://www.praxis-christiane-moeller.de/ihre-anmeldung/

2 Dinge habe ich zum guten Schluss nicht hinbekommen - siehe unten beim screenshot:

- File upload: padding innerhalb des buttons ergänzen
- Checkboxen Datenschutz: Boxen und Texte größer

Wenn das noch jemand weiss wäre das super

Zitat von b3317133

Mit Deinem Theme beispielsweise so:

Code

#top .wpcf7-radio label span {
  font-size: 16px;
  line-height: 30px;
}

sehr gut, herzlichen Dank :-)

Zitat von r23

Code

input[type="radio"] {
  width: 35px;
  height: 35px;
  border: 0;
}

oder

Code

input[type="radio"] {
  transform: scale(2);
}

Code wurde KI-generiert.

vielen Dank.
-> .. und analog für das Geb.-Datum Feld darüber wenn das ebenfalls größer soll?

sorry, ich bin kein Experte, darum sind diese Tipps von Euch für mich sehr hilfreich :)

... und weiss jemand wie man die Radiobuttons und deren Text größer bekommt? Ich hatte so ein CSS wie

.wpcf7 {
form input[type="radio"] {
font-size: 35px;
}

...aber das klappt nicht.

Herzlichen Dank für Eure Tipps

super, das funktioniert - herzlichen Dank nochmal :)

Zitat von Kurt Singer

Das bezieht sich auf die Eingaben hier im Forum. Mit dem "+" fügst Du einen Code in den Beitrag ein.

danke :-)