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

ContactFrom 7 - Anpassen der Zeilenabstände

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von vinoy, 22. Juni 2014.

  1. vinoy

    vinoy Member

    Registriert seit:
    29. Oktober 2012
    Beiträge:
    12
    Zustimmungen:
    0
    Moin :)

    Habe eine kleine Herausforderung mit der Größe des ContactForm7. Durch die großen Zeilenabstände wird das Formular unglaublich groß und nimmt einfach zuviel Platz weg.

    Habe im Editor nur in der Haupt styles.css einen Part für das Plugin gefunden...muss ich dort ändern?
    Herzlichen Dank für eure Hilfe und einen schönen Sonntag!
     
    #1 vinoy, 22. Juni 2014
  2. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    Wenn es dort definiert ist, ja.
     
    #2 Hille, 22. Juni 2014
  3. vinoy

    vinoy Member

    Registriert seit:
    29. Oktober 2012
    Beiträge:
    12
    Zustimmungen:
    0
    hmm...genau dazu brauche ich Hilfe...hier ist der Code:

    /*---------------------------------------------------------
    Contact Form 7 (_support.scss)
    -------------------------------------------------------- */
    .wpcf7 input, .wpcf7 textarea {
    margin-top: 5.5px;
    margin-top: .55rem;
    }
    .wpcf7 input[type="submit"] {
    margin-bottom: 0;
    }

    .wpcf7-form input:focus, .wpcf7-form textarea:focus {
    background:red;
    }
     
    #3 vinoy, 22. Juni 2014
  4. selket

    selket Well-Known Member

    Registriert seit:
    6. Juni 2014
    Beiträge:
    232
    Zustimmungen:
    0
    Das kann eigentlich kaum großen Zeilenabstand zwischen den einzelnen Eingabefeldern auslösen (mal davon abgesehen, dass margin-top doppelt vergeben ist). Hast du mal einen Link zur Seite?
     
    #4 selket, 22. Juni 2014
  5. vinoy

    vinoy Member

    Registriert seit:
    29. Oktober 2012
    Beiträge:
    12
    Zustimmungen:
    0
    #5 vinoy, 22. Juni 2014
  6. selket

    selket Well-Known Member

    Registriert seit:
    6. Juni 2014
    Beiträge:
    232
    Zustimmungen:
    0
    Achso, die Seite kam mir gerade so bekannt vor ;)

    Das Problem ist halt, dass die <p> Tags in der css einen generellen Abstand haben. Du könntest aber die im Formular Container speziell ansprechen

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Damit sollte es funktionieren. die Zeilen mit .wpcf7 input, .wpcf7 textarea kannst du dann komplett rauslöschen. Die sind überflüssig
     
    #6 selket, 22. Juni 2014
  7. vinoy

    vinoy Member

    Registriert seit:
    29. Oktober 2012
    Beiträge:
    12
    Zustimmungen:
    0
    Danke dir, das ist schon besser, aber irgendwie noch nicht gut...ich hab margin-top und -buttom auf 0px gesetzt, trotzdem ist es noch so groß...hast du noch eine Idee?
     
    #7 vinoy, 22. Juni 2014
  8. bego

    bego Well-Known Member

    Registriert seit:
    30. November 2005
    Beiträge:
    579
    Zustimmungen:
    4
    ich hätte da eine Idee: statt margin-buttom lieber margin-bottom verwenden :)
     
    #8 bego, 22. Juni 2014
  9. vinoy

    vinoy Member

    Registriert seit:
    29. Oktober 2012
    Beiträge:
    12
    Zustimmungen:
    0
    Äähhh...ja... :oops:

    genau...besten Dank ;)
     
    #9 vinoy, 22. Juni 2014
(Du musst angemeldet oder registriert sein, um Beiträge verfassen 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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden