1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Contact Form 7 - Eingabefelder gerade untereinander

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von whopper, 9. Dezember 2014.

  1. whopper

    whopper New Member

    Registriert seit:
    9. Dezember 2014
    Beiträge:
    3
    Zustimmungen:
    0
    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:
    Unbenannt.JPG


    Es soll letztendlich aber so aussehen:
    Unbenannt2.JPG

    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
     
  2. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    dann versüße uns den Tag mal mit nem Link zum Problem...
     
  3. whopper

    whopper New Member

    Registriert seit:
    9. Dezember 2014
    Beiträge:
    3
    Zustimmungen:
    0
  4. whopper

    whopper New Member

    Registriert seit:
    9. Dezember 2014
    Beiträge:
    3
    Zustimmungen:
    0
    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.
     
  5. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    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/
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.638
    Zustimmungen:
    1.778
    Dem aktuellen CSS-Code z.B. dieses hinzufügen:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden