Contact Form 7 - Eingabefelder gerade untereinander

whopper

Hallo,

ich habe von Homepages und CSS und eigentlich allem, was dazugehört keine Ahnung, soll jetzt aber auf einer WP-Page ein Kontaktformular einbinden. Das habe ich gerade so geschafft, leider sind die Eingabefelder jetzt nicht direkt untereinander:
[attach='10975.vB'][/attach]

Es soll letztendlich aber so aussehen:
[attach='10974.vB'][/attach]

Ich glaube, ich muss hier width/margin/padding der inputfelder irgendwo ändern. Leider weiß ich nicht, wo.

Falls Ihr weitere Infos benötigt, lasst es mich wissen! Vielen Dank schon einmal im Voraus!

der whopper

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

gericoach

dann versüße uns den Tag mal mit nem Link zum Problem...

whopper

http://moventia-coaching.de/anmeldung-seminar/

whopper

ich kriege es mit

input { display: block; }
in der .css nur hin, dass die Felder dann unter dem Text stehen, ich möchte sie aber neben dem Text untereinander haben.

Edi

Was heisst "untereinander"?

Neben wäre "display: inline;". Nur geht es nicht so einfach, wenn es auch anständig aussehen soll. Da muss etwas mehr Code auf die Seite und ins CSS.

Eine (sehr) ausführliche Anleitung dafür findest Du hier:

http://buzztone.com.au/styling-contact-form-7-forms/

b3317133

Dem aktuellen CSS-Code z.B. dieses hinzufügen:

Code

form.wpcf7-form > p > span.wpcf7-form-control-wrap {
    display: inline-block;
    left: 30%;
    position: absolute;
}
span.wpcf7-checkbox span.wpcf7-list-item-label {
    display: inline-block;
    width: 25%;
    overflow: hidden;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Contact Form 7 - Eingabefelder gerade untereinander

Jetzt mitmachen!