wake-up-neo.net

wordpress contactform7 textarea Spalten und Zeilen ändern sich in kleineren Bildschirmen

Ich habe contactform7 verwendet, um das Kontaktformular für eine WordPress-Site zu erstellen. Ich möchte die Zeilen in einem Textbereich in diesem Formular für kleinere Bildschirmgrößen reduzieren. Gibt es eine Methode, die ich mit der eigenen Syntax von contactform7 verwenden kann? Wenn nicht, was sind meine Optionen?

Nachfolgend finden Sie die Syntax für Textbereiche in contactform7 btw.

 [textarea* your-message 40x7] 

(40 - Cols, 7 - Zeilen)

13

Ich weiß, dass dieser Beitrag alt ist, tut mir leid. 

Sie können auch 10x für Spalten und x2 für Zeilen eingeben, wenn Sie nur ein Attribut haben möchten.

[textarea* your-message x3 class:form-control] <!-- only rows -->
[textarea* your-message 10x class:form-control] <!-- only columns -->
[textarea* your-message 10x3 class:form-control] <!-- both -->
38
TheHive

In der Dokumentation http://contactform7.com/text-fields/#textarea

[textarea* message id:contact-message 10x2 placeholder "Your Message"]

Das obige wird einen Textbereich mit Cols = "10" und Zeilen = "2" erzeugen.

<textarea name="message" cols="10" rows="2" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" id="contact-message" aria-required="true" aria-invalid="false" placeholder="Your Message"></textarea>
8
Darren Hall

Ich konnte diese Arbeit bekommen. Ich habe meinem benutzerdefinierten CSS Folgendes hinzugefügt:

.wpcf7-form textarea{ 
    width: 100% !important;
    height:50px;
}
1
Kapil Chhabra

Code wird wie folgt sein.

[textarea id:message 0x0 class:custom-class "Insert text here"]<!-- No Rows No columns -->

[textarea id:message x2 class:custom-class "Insert text here"]<!-- Only Rows -->

[textarea id:message 12x class:custom-class "Insert text here"]<!-- Only Columns -->

[textarea id:message 10x2 class:custom-class "Insert text here"]<!-- Both Rows and Columns -->

Für Details: https://contactform7.com/text-fields/

0
Tariqul_Islam

Fügen Sie es nach dem Platzhalterattribut hinzu.

[textarea* message id:message class:form-control 40x7 placeholder "Message"]
0
Mahmoud Azzazi