Contact Form 7 Feldgröße ändern

  • Hallo Leute,

    ich habe ein kleines Problem und hoffe mir kann jemand helfen.
    [size=10]
    Ich arbeite mit dem Plugin Contact Form 7 [/SIZE]und würde gerne textarea Bereich verbreitern. Mit den Formular vorgaben kann ich zwar die Höhe ändern, aber leider nicht die Breite. Die bleibt immer gleich.

    Kann mir da jemand helfen??

    Gruß Alex

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Danke für die schnelle Info, aber leider lässt sich das Feld nicht verbreitern. Auch mit den direkten Eingaben nicht, oder ich hab an Hänger drin.

    Hier mal der Text:
    <p>Test:<br />
    [textarea textarea-990 /50]</p>

    Gruß Alex

  • da hast wohl was falsch verstanden

    /50 gibt ja an, wie viel Zeichen maximal eingetragen werden dürfen, also 50

    für dich sind (cols)x(rows) Angaben wichtig, cols = Breite

    also z.B.

    Code
    <p>Test:<br />
    [textarea textarea-990 50x10]</p>
  • Jep hab ich. :oops:

    mit dem anderen Code hab ich allerdings auch keinen Erfolg. Der Eingabebereich bleibt immer gleich. Ich lann eingeben was ich will, die Größe ändert sich nicht.

    Aber Danke für die Info nochmal.

    Gruß Alex

  • dann gibt vermutlich eine css Formatierung die Größe vor, also mal nachsehen oder Link zur Seite(zum Formular) posten, damit wir nachsehen können

  • ok die Größe wird hier für input und textarea auf 206px formatiert

    themes/businesspro4/cyberchimps/lib/bootstrap/css/bootstrap-responsive.min.css Zeile 998

    Code
    input, textarea, .uneditable-input {
        width: 206px;
    }

    musst also für dein Kontaktformular extra definieren

    z.B. für textarea

    Code
    .wpcf7-form textarea {
        width: 400px;
    }
  • So, jetzt kommen wir zum spannenden Teil.

    die Datei hab ich, kann sie auch Öffnen, aber der Code vom oberren Teil ist da nicht drin.

    Irgendwas ist da glaub ich nicht ganz richtig.

  • der Code ist schon drin, hab in ja daraus kopiert ;) Zeile 998

    aber es reicht wenn du die neue Formatierung in die style.css(/themes/businesspro4/style.css) am Ende einfügst

    eventuell solltest du dir auch Gedanken über das Anlegen eines Child-Theme machen, damit bei einem Update nicht alle Anpassungen verloren gehen

    Einmal editiert, zuletzt von Tutrix (17. Mai 2015 um 15:33)

  • Tja, schon funzt es!!

    Ich dank dir recht Herzlich.

    Mit dem Child-Theme werd ich mir auf alle fälle gedanken machen!!

    Dir noch einen schönen Sontag!!

    Gruß Alex

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!