Textarea custom field not showing correct

I have added a custom field to the productdetail page it is a textarea where a customer should be able to give additional information if needed when buying the product .... a kind of comment-field for customers.

The textarea is defined as being several rows but it allways shows as only one line .... it is possible to drag it bigger with the mouse but thats not how it is supposed to work. I want to see the number of columns and rows as defined.

In de picture attached you can see what i mean. How do i solve this?

It's probably your template CSS which overrides the rows/columns set in the field.

Please give a link to that page so that we can look at the CSS applied on that textarea.

the url is this

I can see that you already found out what CSS to use you avoid that:

input[type="password"], input[type="text"], input[type="email"], input[type="www"], input[type="tel"], input[type="url"], input[type="search"], select, .inputbox {
height: auto!important;
line-height: 16px;
}

I was experimenting with it and got help from the creators of the template.
It does seem to be the solution.