Support » Plugins » Contact Form 7 Textfeld Höhe

  • Gelöst mamike

    (@mamike)


    Hallo zusammen.

    Vieles habe ich hier im Forum schon gefunden. Klasse, danke.. aber..
    Beim Contact Form 7 lese ich vieles über Textlänge und so weiter.

    Ich möchte jedoch bei Contact Form 7 einfach nur die Textfeldhöhe eines Textfeldes verändern.
    Also nicht die Buchstabenmenge oder so verkleinern/bestimmen. Sondern rein optisch die Höhe des Feldes verändern.
    Bei mir nun im Speziellen im footer, weil es einfach so nicht schön aussieht. Schräg ich weiss. aber naja..

    Tips?

    • Dieses Thema wurde geändert vor 3 Jahren, 2 Monaten von mamike.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Du kannst dazu im Customizer eine eigene CSS-Regel eintragen:

    .footer-widgets .wpcf7-text {
        height: 4em;
    }

    Den Wert 4em musst du nach deinen Vorstellungen anpassen. Falls du Nachkommastellen verwenden möchtest, nutze bitte als Dezimaltrennzeichen einen Punkt (z.B. 3.5em).

    Thread-Starter mamike

    (@mamike)

    Danke für die schnelle und präzise Antwort Bego.
    Dein Code ändert zwar das Eingabefeld in der Höhe beim Namen und bei der Mailadresse, nicht jedoch beim Textfeld (your message).

    Nachtrag: Habe im Code anstatt .wpcf7-text , .wpcf7-textarea eingesetzt.

    Das verändert zwar was, aber auch wenn ich da 0.75 eingebe, es wird nicht kleiner. Gröser aber schon. Habe 25 und mehr eingegeben um eine Veränderung zu sehen. Aber kleiner, also so wie es im Moment ist, wird es nicht.

    • Diese Antwort wurde geändert vor 3 Jahren, 2 Monaten von mamike.

    Hallo,
    teste doch mal bitte unter Design > Customizer > Zusätzliches CSS:

    textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
        height: 20em;
    }

    Ggfs. musst du noch einen anderen Wert für height einsetzen
    Viele Grüße
    Hans-Gerd

    Thread-Starter mamike

    (@mamike)

    Hallo Hans-Gerd

    Auch Dir danke für Deinen Lösungsvorschlag. Funktioniert prima, aber auch da genau das Gleiche.
    Ich kann es so zwar das Textfeld wieder grösser machen, aber nicht kleiner als das bestehende Textfeld. Es soll ja kleiner werden als es jetzt ist. Also.. weniger hoch, damit es rein optisch besser aussieht.

    Leider sind es oft die kleinen Sachen die halt viel aus machen…

    Noch ein Tip?

    Hallo,
    nun ja, vielleicht stehe ich ja auf der Leitung – ich verstehe nicht was du damit meinst:

    Ich kann es so zwar das Textfeld wieder grösser machen, aber nicht kleiner als das bestehende Textfeld.

    Sonst mimiere doch den Wert, z. B. auf 2em oder so.
    Viele Grüße
    Hans-Gerd

    Thread-Starter mamike

    (@mamike)

    Hallo zusammen.

    Habe es hinbekommen und den folgenden Code dafür benutzt:

    .footer-widgets .wpcf7-textarea {
    min-height: 6em;
    }

    So passt es bei mir die Höhe perfekt an.

    Danke Euch allen.

    Thread-Starter mamike

    (@mamike)

    Hallo Hans Gerd

    das mit 2em und so habe ich natürlich ausprobiert 🙂 wollte aber nicht.
    Aber mit dem oben ausgeführten Code gehts.

    Eure Varianten.. rumprobiert und voilà.

    Danke Euch.

    perfekt – freut mich 🙂

    Ich möchte jedoch bei Contact Form 7 einfach nur die Textfeldhöhe eines Textfeldes verändern.

    Die Höhe eines Textfelds ist nicht die Höhe einer Textarea. 🤓

    Eure Varianten.. rumprobiert und voilà.

    So ist das gedacht. 👍🏻

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Das Thema „Contact Form 7 Textfeld Höhe“ ist für neue Antworten geschlossen.