https://legacy.forums.gravityhelp.com/topic/formatting-input-field Gravity Support Forums Topic: Formatting input field en-US Mon, 20 Apr 2026 16:28:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/formatting-input-field#post-57040 Mon, 30 Apr 2012 15:25:18 +0000 Rob Harrell 57040@https://legacy.forums.gravityhelp.com/ <p>To set the width of the DOB field you can use this in your theme's stylesheet:</p> <pre><code>[css] #input_2_20 { width: 7%; }</code></pre> <p>For the Price color you can use this:</p> <pre><code>[css] .gform_wrapper span.ginput_product_price { color: black !important; }</code></pre> <p>Something from your theme or a plugin is injecting break tags in your address field which is causing the misalignment: <a href="http://www.evernote.com/shard/s212/sh/44a3e831-3b64-4cda-beac-00317d97649b/a3b469cd48ede2e1dc40939414605f78" rel="nofollow">screenshot</a></p> <p>That could be moot if you decide to make your own address field to accomodate your input mask as I described above. </p> https://legacy.forums.gravityhelp.com/topic/formatting-input-field#post-57038 Mon, 30 Apr 2012 15:09:01 +0000 golf1025 57038@https://legacy.forums.gravityhelp.com/ <p>Thank for your fast reply. I've reader through the first two links, but could'nt find the Right anders. Eg. The examples often don't explain wereld the code has to ben put (in which file). Anyvway, please have aan look at <a href="http://www.notu-leren.nl" rel="nofollow">http://www.notu-leren.nl</a><br /> You first have tot select aan radiobutton and continue tot the seconden form. The zip field (postcode) in the address section should be formatted 9999 AA.<br /> the town field (stad) is misalingned. The date-of-birth field is wider than the input mask (dd/mm/yyyy). Als, I'd like to change the colour of the price field from red tot Black. </p> https://legacy.forums.gravityhelp.com/topic/formatting-input-field#post-57012 Mon, 30 Apr 2012 14:25:02 +0000 Rob Harrell 57012@https://legacy.forums.gravityhelp.com/ <p>As far as the styling goes, have you seen these documentation areas already?</p> <p><a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a><br /> <a href="http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/" rel="nofollow">http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/</a><br /> <a href="http://www.gravityhelp.com/other-resources/" rel="nofollow">http://www.gravityhelp.com/other-resources/</a> - Down towards the middle/bottom are general CSS rules and information</p> <p>As far as the input mask goes, not every field has that function built-in. Your best bet is to use the Single Text Input field which does allow for it - you'll just need to recreate your address field into separate fields.</p> <p>If you get stuck, post a link to your form and point out specific pieces in the styling and we can help pinpoint it more specifically with you. </p> https://legacy.forums.gravityhelp.com/topic/formatting-input-field#post-56997 Mon, 30 Apr 2012 12:55:41 +0000 golf1025 56997@https://legacy.forums.gravityhelp.com/ <p>Hi, sorry if I overlooked the obvious, but this is because I just started using Gravity, and in fact did succesfully design a few forms. However css, php and what goes where is largely still a mystery to me.<br /> I need hellp in how to:<br /> 1. Change the (width) lenght<br /> 2. Change the input mask<br /> 3. Change the fontcolour<br /> Of input fields.<br /> Taking the standard address field I would like to limit the size of the zip field to 7 spaces and force the user to enter it in the following format '9999 AA'.<br /> I realise that the address field is an complex field, but my question goes for all types of inputfileds.<br /> I've searched all over the forum and documentation in Gravity, but could not find a step-by-step guide for dummies like myself.<br /> And, by the way, why aren't these standard layout parameters settable in the field definition window? </p>