MachForm Community Forums Topic: How do I change Field sizes i am just confused.

MachForm Community Forums Topic: How do I change Field sizes i am just confused. https://www.machform.com/forums/ MachForm Community Forums Topic: How do I change Field sizes i am just confused. en Mon, 04 May 2026 00:27:55 +0000 norm on "How do I change Field sizes i am just confused." https://www.machform.com/forums/topic/how-do-i-change-field-sizes-i-am-just-confused#post-16215 Fri, 12 Oct 2012 23:27:08 +0000 norm 16215@https://www.machform.com/forums/ Think I've sorted it, If I target it like this below then I can change all of the styling for for Text field - this is exactly the same selector as in the view.css file so it's directly replacing the default. #main_body input.text { background:#fff url(http://www.wbmcommunications.co.uk/responseforms/images_london2012/input_bg.gif) repeat-x top; border-bottom:3px solid #ddd; border-left:3px solid #c3c3c3; border-right:3px solid #c3c3c3; border-top:3px solid #7c7c7c; color:#333; font-size:100%; margin:5px; padding:9px 9px; } norm on "How do I change Field sizes i am just confused." https://www.machform.com/forums/topic/how-do-i-change-field-sizes-i-am-just-confused#post-16214 Fri, 12 Oct 2012 22:13:28 +0000 norm 16214@https://www.machform.com/forums/ Width, height and text-indent seem to work, but when I try to change margin, padding, background colors or images for a Text Field it just isn't working, is there any reason for this? Seems to be targeted correctly because of the size CSS affecting it. yuniar on "How do I change Field sizes i am just confused." https://www.machform.com/forums/topic/how-do-i-change-field-sizes-i-am-just-confused#post-16192 Tue, 09 Oct 2012 21:35:33 +0000 yuniar 16192@https://www.machform.com/forums/ Each fields generated by MachForm has its own "id" attribute. This id is unique for each field and you can use CSS code to target certain/specific field. For example, a "Name" field is having this HTML code: <pre><code><li id="li_2" > <label class="description">Name </label> <input id="element_2_1" name="element_2_1" type="text" class="element text" maxlength="255" size="8" value="" /> <label>First</label> <input id="element_2_2" name="element_2_2" type="text" class="element text" maxlength="255" size="14" value="" /> <label>Last</label> </li></code></pre> Now if you would like to set the width of the "First Name" field, you can use CSS code like this: <pre><code>#element_2_1{ width: 200px; }</code></pre> that would set the width of the "First Name" field to 200px. I suggest to use Firebug, a Firefox plugin, to easily inspect each of your form field. Using Firebug you will be able to easily find the id of each field and thus customize it further. <a href="http://getfirebug.com/" rel="nofollow">http://getfirebug.com/</a> symison on "How do I change Field sizes i am just confused." https://www.machform.com/forums/topic/how-do-i-change-field-sizes-i-am-just-confused#post-16174 Sat, 06 Oct 2012 23:04:41 +0000 symison 16174@https://www.machform.com/forums/ I am trying to change the size of lets say example for the address field. I do not like how the address field itself stretches across the form. i just want to input the physical address not a turn by turn directions on that long line. Why aren't the fields marked so that they are easy to find. Like a dive for just Name. A Div for Just Middle name A Dive for just Last name etc....etc.. There are so many fields I would love to have total control over but just don't know what is what. Like I want to change the link of email field and not just by clicking small medium large. How do I do this do you have documentation to show me how to do this. Please help thank you for your time.