How to set contact form 7 in one row ?

Tejas your message form do not have option for streching textarea…
Could you add it ?

Thanks

@dt125x,

do you need to increase height of message text area ?

Please refer below code with stretchable message text area

<div style=”float: left;width: 36%;margin-right:10px;”>Your Email (required)
[email* email]
</div>
<div style=”float: left;width: 36%;margin-right:10px;”>Your Message
[textarea message 30×1]
</div>
<div style=”float: left;width: 20%;margin-top:24px;”>[submit “Send”]</div>

Cheers ??

Tejas

I need textarea which is 20px height in normal conditions but that you can expand it when you want… Textarea you gave me is fixed and takes some more space…

I inserted in this code margin-top:-25px; becouse it suits me the best… Is it ok to set “-” in margin ?

Thanks

He answered, here:

<div style="float: left;width: 36%;margin-right:10px;">Your Email (required)
[email* email]
</div>
<div style="float: left;width: 36%;margin-right:10px;">Your Message
[textarea message 30x1]
</div>
<div style="float: left;width: 20%;margin-top:24px;">[submit "Send"]</div>

At first he gave you [text message], now he told you to use [textarea message 30x1] , but you’re still using [text message] .
And yes you can use negative margins.

Thats why I tryed with textarea message and it become bigger so I put text message back… Now I will leave textarea message so you can see..

Ops.. you have this in your custom css:

.wpcf7 textarea {
height: 60px;
}

I think you set that for other wpcf7 textarea you have in other places. So style this specific one with

.tc-header .wpcf7 textarea {
height: 20px;
}

Bravo !

Solved… ??

??
So you can happily mark this endless topic as solved ??