Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
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.
hy, das sollte weiterhelfen
https://contactform7.com/text-fields/
Dass die untereinander stehen soll schon so sein. Size sagt NICHT aus, dass das Feld 10(was eigentlich?) lang ist, sondern dass die maximalen Zeichen innerhalb des Feldes 10 sind.
Um die Länge anzupassen, schreibst du im Customizer unter zusätzliche CSS:
input[name=hsn] { width: 50px; }
Das dann natürlich angepasst auf alle Felder.
Morgen,
ich weiß ja nicht wie versiert du bist, deshalb der Rat zum Customizer. Ansonsten würde ich es auch in die style.css schreiben.
Nebeneinander bekommst du sie normalerweise so:
.wpcf7-form > p { float: left; }
Abstände dann über padding / margin anpassen.
Vorsicht: Dieser CSS-Code greift auf alle ContactForm7-Formulare!
Nebeneinander bekommst du sie normalerweise so:
Code.wpcf7-form > p { float: left; }
Das hat leider keine Wirkung :(
Dann bräuchte ich mal bitte den Link zur Seite. Je nach Version von ContactForm7 ist der Aufbau leicht anders.
Dann bräuchte ich mal bitte den Link zur Seite. Je nach Version von ContactForm7 ist der Aufbau leicht anders.
Danke. Versuche mal bitte alle <p>(zumindest die, die mit den nebeneinander-Feldern in Verbindung stehen) mit einer individuellen ID zu versehen. Danach lässt sich das einfacher abarbeiten.
schau mal im Netz, gibt einige Anleitungen dafür:
https://wp-styles.de/contact-form-7…hrspaltig-1026/
https://wpformular.de/gestaltung/meh…tact-form-7-488
http://www.wpsnippet.com/create-a-two-c…contact-form-7/
...
...
schau mal im Netz, gibt einige Anleitungen dafür:
https://wp-styles.de/contact-form-7…hrspaltig-1026/
https://wpformular.de/gestaltung/meh…tact-form-7-488
http://www.wpsnippet.com/create-a-two-c…contact-form-7/
...
...
Das ist natürlich gleich die elegantere Lösung!
Ich habe es jetzt nach dem zweiten Link gemacht. Hat super geklappt.
Jetzt habe ich noch eine andere Frage. Ich habe meine Eingabefelder stylisch etwas verändert. Das funktioniert ja ganz gut im css.
Codeinput[name=hsn] { width: 50px; }
Auf Input sprechen nur Textfelder an. Was muss ich angeben um Pull-Down-Menüs, Textareas, Radio-Buttons und die normalen Auswahlfelder anzusprechen?
Was muss ich angeben um Pull-Down-Menüs, Textareas, Radio-Buttons und die normalen Auswahlfelder anzusprechen?
Da nutzt du dann folgende elemente anstatt input[name=hsn]:
select
textarea
input[type=radio]
und
input
Hallo zusammen,
der Beitrag ist zwar schon älter, könnte mir aber trotzdem helfen.
Wofür steht das hsn in dem Beispiel?
[PLAIN]input[name=hsn] { width: 50px; }[/PLAIN]
Ist hsn der Name des jeweiligen Elementes von Contact Form 7?
Bei mir heißt es z.B. "vorname-299":
[PLAIN]
<label> Vorname
[text* vorname-299 id:vorname class:vorname placeholder "Vorname"] </label>
[/PLAIN]
Füge ich nur die size und maxlength hinzu, wird das Textfeld nicht mehr angezeigt:
[PLAIN]
<label> Vorname
[text* vorname-299 id:vorname class:vorname placeholder "Vorname" size:50 maxlength:60] </label>
[/PLAIN]
Über eure Hilfe würde ich mich sehr freuen!
Das Beispiel nutzt das [FONT=Courier New]name[/FONT] Feld als Selektor für CSS. Wenn Dein Feld einen [FONT=Courier New]id[/FONT] oder eine [FONT=Courier New]class[/FONT] hat, kannst Du auch das für CSS verwenden. Mehr dazu CSS Grundlagen Selektoren (google).
Ansonsten versuche mal, die Reihenfolge der Felder lt. Dokumentation Contact Form 7 zu verwenden.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
