https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing Gravity Support Forums Topic: Wrong field sizes and radio button spacing en-US Mon, 20 Apr 2026 06:37:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing#post-12946 Thu, 18 Nov 2010 19:29:11 +0000 Kevin Flahaut 12946@https://legacy.forums.gravityhelp.com/ <p>The zip code field is wrapped in a span with a unique ID as does the input field. You can use CSS inheritance to style anything else from there.</p> <p><code>.gform_wrapper span#input_1_2_5_container input#input_1_2_5 {width:100px!important}</code> </p> https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing#post-12943 Thu, 18 Nov 2010 18:25:57 +0000 wraycodesign 12943@https://legacy.forums.gravityhelp.com/ <p>I just switched from percent positioning to pixels and that fixed the problem on that page for the most part. Thanks!</p> <p>Zipcode was showing up as right aligned in Chrome and Safari for Mac. Also, it's longer than I'd like but since it's part of a grouping I wasn't able to give it its own class name. </p> https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing#post-12919 Thu, 18 Nov 2010 15:03:42 +0000 Kevin Flahaut 12919@https://legacy.forums.gravityhelp.com/ <p>I don't see any problems with the zip code alignment. What browser are you seeing this in?</p> <p>Also, I can't see where the form would be affecting the background position of the parent container. I can't tell you anything definite about that. </p> https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing#post-12915 Thu, 18 Nov 2010 14:44:05 +0000 wraycodesign 12915@https://legacy.forums.gravityhelp.com/ <p>Thanks, Kevin. That was my sloppy code. I'm just starting to learn how to style forms and was trying to style the contact page form. The only remaining issue now is the zip code box and also this form is affecting the background image (moving it up). The other pages look fine. Just this one has the background image too high. </p> https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing#post-12871 Thu, 18 Nov 2010 10:03:03 +0000 Kevin Flahaut 12871@https://legacy.forums.gravityhelp.com/ <p>Hi Amanda,</p> <p>The problem is poor CSS rules in your theme. On line 498 of your theme's style.css file, there is a rule that sets ALL inputs in the content area to 80px wide. The fields are inheriting from this. If I disable that rule, you can see that the fields are formatted normally.</p> <p><a href="http://grab.by/grabs/6a09fc9e3e39e7373c66bef85008159d.png" rel="nofollow">screenshot</a></p> <p>That's also the cause of the radio/checkbox field size problems. Those are inputs too so they're inheriting the same, sloppy, blanket CSS rule.</p> <p><a href="http://grab.by/grabs/5d94c6c76239f2e660d7594fbf10ac88.png" rel="nofollow">screenshot</a></p> <p>I would remove that rule from your stylesheet and you should be good to go. </p> https://legacy.forums.gravityhelp.com/topic/wrong-field-sizes-and-radio-button-spacing#post-12862 Thu, 18 Nov 2010 02:56:46 +0000 wraycodesign 12862@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm setting up a form and some of the fields are wonky. Even though I selected “Large” for the field width for “School” it’s showing up as small/short and so are the medium phone fields, etc. </p> <p>Also, the zip code in the "advanced" address field is right aligned and also the radio buttons have huge spaces to the right. </p> <p>Amanda</p> <p><a href="http://www.coachstrobl.com/scoringfactory/clinics/clinic-sign-up" rel="nofollow">http://www.coachstrobl.com/scoringfactory/clinics/clinic-sign-up</a> </p>