https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths Gravity Support Forums Topic: Styling Ready Classes Adjusting Column/Input Widths en-US Mon, 20 Apr 2026 08:25:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13885 Sat, 04 Dec 2010 03:02:03 +0000 mssbeen 13885@https://legacy.forums.gravityhelp.com/ <p>Just so the developers know, the scroll bars appear in the preview in IE7. The post I mention above suggested:</p> <p>"The best way to determine if formatting issues are related to the default forms vs. your theme is to see if the form is properly formatted in the preview page. if so, it's inheriting some additional properties from your theme."</p> <p>This logic would point to the problem be independent of the theme styles. The problem is the check box section. </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13884 Sat, 04 Dec 2010 02:50:45 +0000 mssbeen 13884@https://legacy.forums.gravityhelp.com/ <p>This fixed the scroll bars appearing around the form in IE7 only. </p> <p><a href="http://forum.gravityhelp.com/topic/layout-problems-in-gravity-forms-15-beta-34" rel="nofollow">http://forum.gravityhelp.com/topic/layout-problems-in-gravity-forms-15-beta-34</a></p> <p>body .gform_wrapper ul.gform_fields {overflow:visible} </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13683 Tue, 30 Nov 2010 18:41:16 +0000 Robert Lang 13683@https://legacy.forums.gravityhelp.com/ <p>I deleted my code when I saw yours done, thx. </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13680 Tue, 30 Nov 2010 17:36:34 +0000 Kevin Flahaut 13680@https://legacy.forums.gravityhelp.com/ <p>Robert, the inputs are set as a percentage of the container. It doesn't really matter if the input is a select, that's not really important here. We just needed to target and resize the containing list item.</p> <p>Thanks for the input. It's appreciated. </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13679 Tue, 30 Nov 2010 17:33:22 +0000 Robert Lang 13679@https://legacy.forums.gravityhelp.com/ <p>No worries, its answered before I could write it up. Great response Kevin:0 </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13678 Tue, 30 Nov 2010 17:30:48 +0000 Kevin Flahaut 13678@https://legacy.forums.gravityhelp.com/ <p>Wonderful, thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13677 Tue, 30 Nov 2010 17:28:59 +0000 mssbeen 13677@https://legacy.forums.gravityhelp.com/ <p>Thank you very much that works perfectly and makes perfect sense. </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13673 Tue, 30 Nov 2010 17:20:15 +0000 Kevin Flahaut 13673@https://legacy.forums.gravityhelp.com/ <p>You specified the CSS inheritance incorrectly in your rules. There is no child list item inside the list items with the unique ID that you're targeting. This should work for you.</p> <pre><code>#gform_wrapper_2 li#field_2_11 {width:251px} #gform_wrapper_2 li#field_2_13 {width:85px; margin-left:3px}</code></pre> <p>test screenshot: <a href="http://grab.by/7EHd" rel="nofollow">http://grab.by/7EHd</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-ready-classes-adjusting-columninput-widths#post-13671 Tue, 30 Nov 2010 16:59:37 +0000 mssbeen 13671@https://legacy.forums.gravityhelp.com/ <p>I am working on my first form. After a long day of trying solutions from the forum to create a form with three inputs in a row, I updated forms.css to 1.5 and have applied the css ready classes to my form. Now I have the city, state and zip in one row; however, I would like to adjust the sizes of the input areas. I have developed what I want in firebug, but when I applied the code to my style sheet there were no changes.</p> <p>'#gform_wrapper_2 #field_2_11 li .gfield .gf_left_third {width: 251px;}<br /> #gform_wrapper_2 #field_2_13 li .gfield .gf_left_third {width: 85px; margin-left: 3px;}'</p> <p><a href="http://testblog.artizondigital.com/join-yei/become-a-yei-student/" rel="nofollow">http://testblog.artizondigital.com/join-yei/become-a-yei-student/</a></p> <p>If I could figure out the code to use here I would be set to go.<br /> I appreciate any help anyone has to offer </p>