Custom Form Fields expand to full space

[Dar-us-Salam.com]

Hi, I am transferring the existing contact form and the fields take up the full space for the table cell. To make them smaller I had to set the table width to 60% or so. I have been unable to find the CSS which is making this happen. If someone can please point it out that would be great. I have the same problem in the newsletter sign-up field.

This is the new form:

http://dev.store.dar-us-salam.com/contact_us.htm

Same form on the old site:

http://www.dar-us-salam.com/contact_us.htm

[Matt Zimmermann]

Re: Custom Form Fields expand to full space

Hi Omar,

Are you looking to make the form/table 60% width instead of the 50% it currently is? If so, you can change the class list on the DIV surrounding the form from "

column whole medium-half medium-centered

" to "

column whole medium-three-fifths medium-centered

".

[Dar-us-Salam.com]

Re: Custom Form Fields expand to full space

Matt, Thanks for your response. I don't want to change the width for the table but size of the individual fields. The size for the individual field is already specified but that doesn't have any effect as they all change to 100% width.

After searching online, I found this page which says to use width attribute in the style tag which now works perfectly.

<inputname="txtId"type="text"size="20"/>Changed 'size' tag to the following:
<inputname="txtId"type="text"style="width:150px;"/>