function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Jordan FrankJordan Frank 

Re-Size Text Area of Web-to-Lead Form

I am looking to re-size the width of my text area in my generated web-to-lead form. It currently shows 3 rows, which is fine, but the width is to small to type anything longer than a sentence in. This is my code. 
 
<h1><b>Contact</b> Us</h1>
<p><br /></p>
<style type="text/css">
label {
	line-height: 18px;
	font-weight: bold;
}
</style>

<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

<input type=hidden name="oid" value="00D1a000000KWEu">
<input type=hidden name="retURL" value="BLOCKED">
<input type="hidden" name="lead_source" id="lead_source" value="Contact Us">

<div class="ccms_form_element cfdiv_text">
<label for="first_name">First Name</label><input  id="first_name" maxlength="40" name="first_name" size="50" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="last_name">Last Name</label><input  id="last_name" maxlength="80" name="last_name" size="50" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="title">Title</label><input  id="title" maxlength="40" name="title" size="50" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="email">Email</label><input  id="email" maxlength="80" name="email" size="50" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="phone">Phone</label><input  id="phone" maxlength="40" name="phone" size="20" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="company">Company</label><input  id="company" maxlength="40" name="company" size="50" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="city">City</label><input  id="city" maxlength="40" name="city" size="20" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<label for="state">State/Province</label><input  id="state" maxlength="20" name="state" size="50" type="text" /><br>
</div>

<div class="ccms_form_element cfdiv_text">
<p><br /></p>
<p>Comments:&nbsp<textarea  id="00N1a000008XVLh" name="00N1a000008XVLh"  rows="3" type="text" wrap="soft"></textarea><br></p>
</div>

<div class="ccms_form_element cfdiv_text">
<input type="submit" name="submit">
</div>

</form>
I am referring to the Comments text area. Does anyone know how to solve this? I have tried size="50" with no luck. 

Thanks
Best Answer chosen by Jordan Frank
Pankaj_GanwaniPankaj_Ganwani
Hi,

Place below mentioned css within <style></style> of your form:

textarea { width:250px; padding: 0; border: 1px solid #ccc; }

All Answers

Pankaj_GanwaniPankaj_Ganwani
Hi,

Place below mentioned css within <style></style> of your form:

textarea { width:250px; padding: 0; border: 1px solid #ccc; }
This was selected as the best answer
Jordan FrankJordan Frank
Perfect Thanks!