Form textarea wont expand

<TEXTAREA ID="FormsMultiLine1" NAME="ContactText"
ROWS="6" COLS="80" >
</TEXTAREA>

Open in new window


Here is the form url below with the text area.  I try everything but the textarea is still on a diet - very skinny. Please help

http://www.housecarers.com/test4/feedback_non_members.cfm
Ian WhiteOwner and FounderAsked:
Who is Participating?
 
Chris StanyonCommented:
The cols value is being overwritten by a CSS rule that sets the width to 164px (line 555 of main.css):

div#wrap form input[type="text"], div#wrap form input[type="password"], div#wrap form input[type="email"], div#wrap form textarea {
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    color: #9B9B9B;
    font-size: 14px;
    font-weight: normal;
    outline: medium none;
    width: 164px;
}
0
 
Ian WhiteOwner and FounderAuthor Commented:
Thanks - how do I leave that css rule but create another one that overrides that one - not an expert on css specificity and classes and all that stuff, What would be the new css rule I add that leaves the status quo but applies to this form?
0
 
Chris StanyonCommented:
Your form has an ID of ContactFORM, so if you include that in a new CSS rule, it will override the previous one:

div#wrap form#ContactFORM textarea { width: 500px; }

Open in new window

0
 
Ian WhiteOwner and FounderAuthor Commented:
Thanks for your quick help . Works fine now
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.