Contact Form 7

Snake20x

Hallo Freunde,... ich nehme mir bald das Leben! Gestern mehrere Stunden und ich blicke es nicht!

Schaut erstmal wo mein Problem liegt!

Scrollt mal runter oder klickt auf Kontakt!

Nun habe ich ein Contact Form 7 Formular wollen unten einbinden!
Jedoch schiebt er mir jedes mal das zweite Feld egal ob das Email ist oder was anderes
nach RECHTS? Und ich weiß nicht warum?
Ich hab es auch zurzeit ohne irgendwelche <P> Tags eingebunden, sondern NUR den
Code! Wobei es wenn ich es richtig machen mit <p> und <br /> macht es auch keinen Unterschied!

Am liebsten wäre mir wenn ich zwei Felder nebeneinander machen könnte, aber ich finde
keinen Ansatz!

Hätte jemand ne Idee?

Wäre echt cool von euch...

Liebe Grüße
Adrian

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

Gerd-E.

Hi Adrian,

"Wir haben Spezialisten für alle Fälle" ;-)

Mach mal anstelle von

Code

<p><span class="wpcf7-form-control-wrap Name">...</span></p>
<p><span class="wpcf7-form-control-wrap Email">...</span></p>

Code

<p><span class="wpcf7-form-control-wrap Name">...</span>
<span class="wpcf7-form-control-wrap Email">...</span></p>

und dazu evtl die Breite der einzelnen Classen etwas verringern.

Snake20x

hihi
Das verändert nichts, weil es auch wenn ich die ganze SEITE nehme er es genauso macht! und ab der dritten Zeile geht es ja ganz normal :-(

bgeissler

Gib am Ende style.css im Themeordner den Code ein:

Zitat

.wpcf7 input[type="email"]
{float:left;}

In irgend einer css.Datei wurde dafür ein float:right angegeben.

Snake20x

Danke bgeissler ist das ja schon mal ein Anfang ;-)
das funktioniert,... aber wie bekomm ich nun 2 von den Parametern sprich:
Name und Vorname nebeneinander?

Gerd-E.

Hier > http://www.wpsnippet.com/create-a-two-c…contact-form-7/ eine Anregung ;-)

gericoach

SirEctor hat mir vor Kurzem bei einem ähnlichen Problem geholfen, probiere mal diese Einträge in der style.css. Eventeull musst du noch ein paar Kleinigkeiten anpassen:

Code

/*********************************
** Changes CF7
*********************************/
input[type="tel"],
input[name="your-subject"],
textarea[name="your-message"] {
width:92%;
}


form.wpcf7-form .vc_col-sm-6 input{
width:86%;
}


@media only screen and (max-width:768px) {


input[type="tel"],
input[name="your-subject"],
textarea[name="your-message"] {
width:86%;
}


form.wpcf7-form .vc_col-sm-6 input{
width:76%;
}


}


@media only screen and (max-width:479px) {


form.wpcf7-form .vc_col-sm-6 input{
width:86%;
}


}

Alles anzeigen

Snake20x

gericoach welchem Problem? Das mit dem Email Rechts? oder mit den zwei Zeilen?

Gerd-E. nun hab ich zwei Zeilen aber höchst unschön?

Snake20x

So das bekomm ich nun hin ;-)

DANKE dafür ;-)

gericoach

Zitat von Snake20x

gericoach welchem Problem? Das mit dem Email Rechts? oder mit den zwei Zeilen?

hättest es einfach testen können...aber nun hast du ja was gefunden.

Snake20x

Ja trotzdem Danke Gericoach für deine Mühe ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Contact Form 7

Jetzt mitmachen!