Contact Form 7 - Eingabefelder gerade untereinander

    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:


    Es soll letztendlich aber so aussehen:

    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

    • Gerade eben
    • Anzeige

    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

    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.

    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;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden