# \[ GELÖST \]Kontaktformular Kommentarfeld Höhe anpassen... wo genau?

**URL:** <https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224>\
**Category:** Themes & Design\
**Created:** [9. November 2016 um 10:52 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224 "2016-11-09T10:52:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\
**Post date:** [9. November 2016 um 10:52 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224/1 "2016-11-09T10:52:03Z")

</div>

Ja die Mopi schon wieder… Im Kontaktformular empfinde ich das Kommentarfeld etwas zu “flach”. Klar, man kann es höher ziehen, doch ich hätte es gerne allgemein etwas höher haben, damit auch ein (fast)Blinder sehen kann, dass sich dort ein Kommentarfeld befindet. Ich habe mich bisher leider nicht viel mit den \*less Dateien befassen können, von daher bin ich mir gerade nicht sicher, wie die Datei heißt, wo ich eine Höhenangabe oder ähnliches eintragen könnte.&nbsp;

Lieben Dank schon mal für die Mühe

Grüße von der Mopi

---

<div class="post-metadata">

**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\
**Post date:** [9. November 2016 um 15:43 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224/2 "2016-11-09T15:43:58Z")

</div>

Ok ich habe jetzt rumgesucht und in der Fields.less folgende Einträge gefunden. Ich gehe davon aus, dass für mich input[type=“text”] interessant sein \_ **könnte** \_. &nbsp;Die Frage ist jetzt, wie baue ich das hier so um, dass ich nicht alles gleich zerlege…&nbsp;

würde es ausreichen, direkt unter&nbsp;input[type=“text”], --\> { .unitize(line-height, 120); } einzugeben, oder ist das zu wenig? Ich habe vorhin testweise hier —\>&nbsp;.unitize(line-height, 19); die 19 durch 120 ersetzt, aber daruch habe ich alle Textfelder (auch für Name, Telefon etc.) erhöht. Das soll ja nicht. Das einzige, was größer werden soll, ist das Feld mit dem eigentlichen Kommentar. Vielleicht kann mir einer nen Schubbser in die richtige Richtung geben?? 🙂

Das wäre der Oberhammer

Danke schon mal und lieben Gruß von der Mopi

```
*/

textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"] {
    .appearance(none);
    .border-radius();
    .box-sizing();
	.unitize(line-height, 19);
    .unitize(@input-font-size, 16, font-size);
    .unitize-width(290);
    .unitize-padding(10, 10, 9, 10);
    .box-shadow(inset 0 1px 1px @gray-dark);
    background: @input-bg;
    border: 1px solid @input-border;
    border-top-color: darken(@input-border, 5%);
    color: lighten(@text-color, 15%);
    text-align: left;

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\
**Post date:** [10. November 2016 um 11:55 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224/3 "2016-11-10T11:55:37Z")

</div>

hat hierzu niemand eine Idee wie man das umsetzen könnte? ☹

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [10. November 2016 um 12:00 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224/4 "2016-11-10T12:00:48Z")

</div>

Leg dir in deinem theme Ordner eine neue Less Datei **all.less** mit dem Inhalt:

```
@media screen and (min-width: @tabletViewportWidth) {
    .is--ctl-ticket {
        .forms--content {
            textarea {
                .unitize-height(300);
            }
        }
    }
}

```

Wie du eine Less Datei anlegst, kannst du hier nachschauen:

[https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen](https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen)

Die Zeile findest du hier für die Desktop Ansicht:

> <https://github.com/shopware/shopware/blob/5.2/themes/Frontend/Responsive/frontend/_public/src/less/_modules/forms.less#L125-L127>

---

<div class="post-metadata">

**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\
**Post date:** [10. November 2016 um 12:47 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224/5 "2016-11-10T12:47:37Z")

</div>

> [@Shopwareianer schrieb:](https://forum.shopware.com/profile/15489/Shopwareianer "Shopwareianer")
> 
> Leg dir in deinem theme Ordner eine neue Less Datei **all.less** mit dem Inhalt:
> 
> @media screen and (min-width: @tabletViewportWidth) {  
> .is–ctl-ticket {  
> .forms–content {  
> textarea {  
> .unitize-height(300);  
> }  
> }  
> }  
> }
> 
> Wie du eine Less Datei anlegst, kannst du hier nachschauen:
> 
> [https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen](https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen)
> 
> Die Zeile findest du hier für die Desktop Ansicht:
> 
> [https://github.com/shopware/shopware/blob/5.2/themes/Frontend/Responsive/frontend/\_public/src/less/\_modules/forms.less#L125-L127](https://github.com/shopware/shopware/blob/5.2/themes/Frontend/Responsive/frontend/_public/src/less/_modules/forms.less#L125-L127)

&nbsp;

hab ich gemacht… funktioniert leider immer noch nicht.

Was hab ich alles gemacht: da ich eine all.less bereits habe, habe ich einfach den Code +die Zeile für die Desktop Ansicht eingefügt. Da es nix gebracht hat, hab ich die forms.less in die \_modules gepackt (kopiert), entsprechend dem Pfad wie die Datei auch im Responsive Theme liegt.&nbsp;In der all.less hab ich dann noch mit eingefügt:&nbsp;@import „\_modules/forms“;&nbsp;

hat auch nix genutzt… wo hab ich jetzt den Denkfehler… weil ich schätze mal, es liegt bei mir zwischen den Ohren…&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\
**Post date:** [10. November 2016 um 13:12 UTC](https://forum.shopware.com/t/gelost-kontaktformular-kommentarfeld-hohe-anpassen-wo-genau/41224/6 "2016-11-10T13:12:44Z")

</div>

Okay geschafft…&nbsp;

musste einfach in der forms.less in Zeile 127&nbsp;

```
textarea {
			.unitize(margin-bottom, 15);
			.unitize-height(300);
		}

```

unitize-height (300) einfügen. Schon ist das Feld passend größer 🙂 Danke auf jeden Fall für den Schubbser…&nbsp;
