Contact-Formular zu riesig - wie kriege ich's kleiner?

Hallo Experten,

für unseren gemeinnützigen Verein "Unsere Mitte Steigerturm e.V." betreibe ich eine Website.
Leider tue ich mich mit manchen Aufgaben etwas schwer.

Auf der Impressum-Seite http://steigerturm.de/kontakt_impressum/ steht ein Kontaktformular, das leider viel zu groß ist.

So siehr es in meinem CSS aus:

----*/
/* --- Contact Form 7 --- */
.wpcf7 .wpcf7-form p {
font-size:16px;
font-size:1rem;
}
.wpcf7 .wpcf7-form p input, .wpcf7 .wpcf7-form p textarea {
font-size:18px;
font-size:1.125rem;
}
.wpcf7 .wpcf7-form p.send-btn input {
text-align:center;
font-size:18px;
font-size:1.125rem;
}
.wpcf7-response-output {
text-transform:none;
}

Kann ich das Ganze etwas zierlicher hinbekommen, damit es nicht so viel Platz im oberen Bereich der Seite einnimmt? Ehrlich gesagt: Wir haben über dieses Formular noch keine einzige Nachricht erhalten.

 

Genau die Frage habe ich mir auch schon gestellt. Die Idee dazu hatte jemand, der selbst einen Internet-Verkaufshandel betreibt. Für unsere Zwecke - wir kommunizieren ja praktisch nur in unserem "Dorf" ist das vermutlich wirklich überflüssig.
Ich werde das Formular jetzt erst mal unten auf die Seite verschieben.

 

Unter "Kontaktformular bearbeiten" finde ich folgende Einstellung (von irgendwelchen Größenangaben steht da nichts):

<p>Ihr Name (Pflichtfeld)<br />
[text* your-name] </p>

<p>Ihre E-Mail-Adresse (Pflichtfeld)<br />
[email* your-email] </p>

<p>Betreff<br />
[text your-subject] </p>

<p>Ihre Nachricht<br />
[textarea your-message] </p>
<p>[recaptcha theme:dark size:compact]</p>
[recaptcha]

<br>

<p>[submit "Senden"]</p>

 

Danke Euch allen für die Hilfe.

 

Danke für den Tipp, Monika.
Ich hab's genau so gemacht, wie Du es empfohlen hast. Viel eleganter so!