contact Form 7 - Formulargröße ändern

Rooocket

Hallo,

ich möchte im Theme Twenty Eleven mein Kontaktformular, erstellt mit Contact Form 7, verkleinern. Kann ich die Verkleinerung im Plugin Editor machen? Wenn ja, wo genau?

Vielen Dank.

Gruß

Rooocket

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

SuMu

Hilft dir das weiter? Besonders dieser Punkt.

Rooocket

Formulargröße ändern

Hallo SuMu,

vielen Dank für deine Mühe. Das ist schon mal ein Anfang aber es muss doch einfacher gehen? Es muss irgendwo einfach nur die Prozentzahl des gesamten Formulars verändert werden können, nur wo?

SuMu

Zitat von Rooocket

Das ist schon mal ein Anfang aber es muss doch einfacher gehen? Es muss irgendwo einfach nur die Prozentzahl des gesamten Formulars verändert werden können, nur wo?

Noch einfacher? Hast du dir auch den zweiten Link genau angesehen?

markus-schirra

Bekomme den Zeilenabstand nicht verringert, habe diesen Code in die die style.crush.css eingebunden

HTML

/* FORM */
    #form {
    padding: 1px;
    width: auto;
    margin: 15px auto;
    }


    #contentleft {
    width: 50%;
    float: left;
    padding: 1px 15px;
    }


    #contentright {
    width: 50%;
    padding: 1px 15px;
    float: left;
    }


    #bottom {
    clear: both;
    padding: 0 15px;
    }
    


    /*MEDIA QUERIES*/


    /* for 980px or less */
    @media screen and (max-width: 980px) {


    #form {
    width: 94%;
    }
    #contentleft {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }


    #contentright {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }


    #bottom {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }


    /* for 700px or less */
    @media screen and (max-width: 600px) {


    #contentleft {
    width: auto;
    float: none;
    }


    #contentright {
    width: auto;
    float: none;
    }
    #bottom {
    width: auto;
    float: none;
    }
    }


    /* for 480px or less */
    @media screen and (max-width: 480px) {


    #contentleft {
    background: #f8f8f8;
    }
    #contentright {
    background: #f0efef;
    }
    #contentleft, #contentright, #bottom {
    margin-bottom: 5px;
    }


    #contentleft, #contentright, #bottom {
    border: solid 1px #ccc;
    }


/*# sourceMappingURL=style.crush.css.map */

Alles anzeigen

Oder muss ich da etwas an der css des Plugin contacform 7 ändern?

weiss-nicht

Du kannst das ganz einfach im Formular einstellen
siehe hier.

Habe es auf 3 Zeilen eingestellt, der rest wird hochgescrollt
du kannst es anschauen auf http://www.heidilicht.ch/?page_id=99

Zitat

Name Vorname *(Pflichtfeld) 
[text* your-name] 
E-Mail Adresse *(Pflichtfeld) 
[email* your-email] 
Betreff 
[text your-subject] 
Ihre Nachricht 
[textarea your-message 3x2] 
[recaptcha id:recaptcha theme:xxxx]

[submit "Absenden"]

Alles anzeigen

markus-schirra

Danke für die Antwort, das löst aber leider mein Problem mit dem Zeilenabstand immer noch nicht ?

markus-schirra

So habe es hier in einem anderen Beitrag gefunden, wenn man den Abstand nicht mit macht sondern mit <legend></legend> dann wird der Abstand verringert.

hzech

Danke "markus-schirra" hat auch mir geholfen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

contact Form 7 - Formulargröße ändern

Jetzt mitmachen!