Kontaktformular

Welche Breite meinst Du genau? Die der "zwei kleinen Felder"?
Wo sollen diese Felder im Layout genau stehen?

Neue Formularfelder werden von 'Contact Form 7' mehr oder weniger automatisch, auf Knopfdruck eingefügt. In der Bearbeitungsansicht in der Kopfzeile sind da mehrere Buttons, mit denen man bei Bedarf das benötigte Feld an der aktuellen Cursorposition einfügen kann. Es kommt dann ein kleines Popup, in dem man diverse Einstellungen für das jeweilige Feld vornehmen kann. Unter anderem kann man hier den Namen des Feldes vergeben (FC7 macht da aber auch schon einen automatischen Vorschlag) und man kann dem Feld einer Klasse zuweisen.
Das Ganze sieht dann etwa so aus - hier mal für ein Emailfeld

[email eine-Emailadresse class:eine-klasse placeholder "gib deine E-Mailadresse ein"]

Anfänglich erscheint dann das angezeigte Formularfeld mit den Standardformatierungen, was nicht immer unbedingt gut aussieht, aber mit der vergebenen Klasse kann man später (falls erforderlich) das Feld mit CSS nach den eigenen Vorstellungen formatieren.
Der Text hinter 'placeholder' wird im Formularfeld als Platzhalter angezeigt.
Ausgehend von dem, was in deinem Formular schon vorhanden ist, muss das noch etwas angepasst werden - und zwar so...

<p>E-Mailadresse <br>[email eine-Emailadresse class:eine-klasse placeholder "gib deine E-Mailadresse ein"]</p>

Das erzeugt dann einen Eingabefeld mit Beschriftung - so wie es in deinem Formular schon drin ist.
Sollten mehrere Felder zu einer Gruppe zusammengefasst werden - zB Postleitzahl und Ort - dann würde das so aussehen.

<p>PLZ/Ort<br /> [text location-plz class:lzform] [text location-ort class:rtform]</p>

auch hier wieder die Klasse, die mit CSS formatiert werden kann:

.lzform {
width: 30px;
border: 2px solid #00f;
....
}
.rtform {
width: 40%;
border: 2px solid #f00;
....
}

Sollte noch keine Klasse für einzelne Felder vergeben sein, so kann man sie auch nachträglich in das Definitionsfeld eingeben (class:meine-klasse).
Ich hoffe, das hilft erst mal.