Contact Form 7 - Felder nebeneinander

ualpay

Ich möchte z.B. das Vorname-Feld und das Nachname-Feld nebeneinander platzieren.

Wie kann ich das umsetzen?

VIELEN DANK IM VORAUS?

Werbepost

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

ualpay

[Blockierte Grafik: http://www.wpsnippet.com/wp-content/uploads/2012/02/form-after.png]

Beispielbild

So hätte ich es gerne.

Gerd-E.

Hi ualpay,

wie sieht dein Formular-Code aus?

ualpay

Hi Gerd-E.,

so sieht mein Code aus, falls Du diesen meinst:

Ihr Name (Pflichtfeld) 
[text* your-name]

Ihre E-Mail-Adresse (Pflichtfeld) 
[email* your-email]

Unternehmen 
[text unternehmen]

Betreff (Pflichtfeld) 
[text* your-subject]

Sie interessieren sich für 
[select Loesung include_blank "Office 365" "AntiViren Enterprise" "Cloud Telefonie" "Webfilter Professional" "myAmber DMS" "E-Mail-Management" "Secure Gateway/ Firewall" "RCDevs OpenOTP Zwei-Faktor-Authentifizierung" "E-Mail-Verschlüsselung" "myAmber DMS Digitale Personalakte" "Online-Backup BRaaS" "Protected Data Room"]

Ihre Nachricht (Pflichtfeld) 
[textarea* your-message]

Lösen Sie die folgende Aufgabe (Wichtig: Ziffern verwenden!) 
[mathcaptcha Mathe-Rechnung]

[submit "Senden"]

gericoach

sieh dir das mal an: http://www.wpsnippet.com/create-a-two-c…contact-form-7/

Gerd-E.

Hi ualpay,

ja, den habe ich gemeint.

Sollen jetzt "Ihr Name" und "Ihre E-Mail-Adress" so breit wie das Nachrichtenfeld werden oder wie soll es genau aussehen?

ualpay

Hallihallo,

Gerd-E.: Nein, ich möchte das zwei Eingabefelder wie z.B. Name und E-Mailadresse in einer Zeile sind....

gericoach - Mach ich mal, danke.

ualpay

Wo füg ich denn diesen CSS-Code ein? Wenn ich das in mein Theme-Sheet einfüge, funktioniert das leider nicht...

gericoach

doch, es funktioniert. setze es ans Ende der style.css ein.
Du musst natürlich das Formular auch anders umsetzen. Das war im Artikel ja auch vermerkt:

Code

<div id="two-column">
<div id="left">
<p>First Name
[text* first-name]</p>
<p>Email
[email* your-email] </p>
</div>
<div id="right">
 <p>Last Name
[text* last-name] </p>
<p>Phone
[text* your-phone] </p>
</div>
<p>Subject
[text* your-subject] </p>
<p>Your message 
[textarea your-message]</p>
<p>[submit "Send"]</p>
</div>

Alles anzeigen

ualpay

Also bei mir klappt das mit diesen Codes nicht.
Wenn ich es 1:1 übernehmen, kommt genau das dabei raus:

Senden-Button ist falsch platziert und das E-Mail-Feld lässt sich nicht wirklich bearbeiten...(Siehe Bild)

ualpay

Vielleicht kann sich das jemand mal anschauen
Leider hauts mir die Sidebar unter mein Formular.
Und den Text, den ich unten eingefügt habe, verformt es auch komplett.

Siehe hier: http://www.metadok.eu/kontakt/

DANKE!

ualpay

Zudem passiert das, wenn ich ein Formular absende:

Gerd-E.

Mit Twentyfourteen und etwas Arbeit am CSS funktioniert der von gericoach vorgeschlagene Weg.

ualpay

ich versuch mein bestes.
danke

PabloPlanSo

Hallo ualpay,

wahrscheinlich hast Du dein Problem in der Zwischenzeit lösen können. Nichtsdestotrotz hatten wir ein ähnliches Problem mit den übrigen Formular Plugins, so dass wir letztendlich unser eigenes entwickelt haben, PlanSo Forms.

Mit unserem Plugin kannst Du ganz einfach per drag-and-drop mehrspaltige Formulare in WordPress erstellen. Du kannst es gerne ausprobieren unter unserer Homepage oder direkt im WordPress Plugin Directory.

Danke und einen schönen Gruß!

BernieMedia

Hallo, bei mir klappt es beim Feld Email nicht. schaut komplett anders aus als die anderen felder. nimmer die css vorgaben nicht an. Was kann ich tun?

maxe

musst das CSS wohl richtig stylen, lehn dich doch einfach an die anderen input Felder an.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Contact Form 7 - Felder nebeneinander

Jetzt mitmachen!