Bizaare contact form error (displays default styling AND CSS styling)

[GregP]

Hello,

I'm using version 0.9.14 of the feedback form and have ran into a spot of trouble

I can't use the default styling because of the 80 columns issue with the textarea (as the site is only 770px), so I changed the layout with the following CSS:

Code: Select all

.input {border: 1px solid #5D8252; background-color: #FFFFFF; width: 200px; color: #000; }

.textarea { margin: 5px; padding: 5px; height: 60px; width: 380px; border: 1px solid #5D8252; 	background: #FFF; color: #000; 	font-size: 0.9em; }

Now that displays, but so do the default fields!

My HTML:

Code: Select all

<form id="m4moduleform-2" name="m4moduleform-2" method="post" action="index.php" enctype="multipart/form-data"><div class="hidden"><input type="hidden" name="mact" value="FeedbackForm,m4,submit_form,0" /><input type="hidden" name="m4returnid" value="55" /></div>
<div class="feedbackform_hidden"><input type="hidden" name="m4form_id" value="2" />
<input type="hidden" name="m4continue" value="1" />
<input type="hidden" name="m4done" value="1" />
</div><div><p class="required">Your Name *</p><div class="input"><input type="text" name="m4ffyour_name" id="m4ffyour_name" value="" size="25" maxlength="100" />
</div><p class="required">Email *</p><div class="input"><input type="text" name="m4ffemail" id="m4ffemail" value="" size="25" maxlength="100" />
</div><p class="required">Subject *</p><div class="input"><input type="text" name="m4ffsubject" id="m4ffsubject" value="" size="25" maxlength="100" />
</div><p class="required">Comments *</p><div class="textarea"><textarea name="m4ffcomments" cols="80" rows="15" class="user"></textarea></div><input name="m4submit" value="Submit Form" type="submit" class="ffsubmit" />
</div>
</form>

I see it generates the default textareas and inputs, but why, and how can I remove/change it? I've looked at everything I could think of.

Many thanks

[foxfirediego]

Can't find too