https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled Gravity Support Forums Topic: Form Goes Whack with Thesis 1.8 Full-width Framework Enabled en-US Tue, 21 Apr 2026 07:24:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11414 Wed, 20 Oct 2010 07:45:07 +0000 Kevin Flahaut 11414@https://legacy.forums.gravityhelp.com/ <p>replace the previous CSS example with these rules. This block has all the Thesis button styles as well.</p> <pre><code>/* reset radio and checkbox input width */ ul.gfield_radio li input, ul.gfield_checkbox li input {width:auto!important;} /* reset button width */ .gform_footer input.button {border-color:#CCC #999 #999 #CCC; border-right:3px double #999; border-style:double; border-width:3px; color:#111111; background-color:#E3E3E3; cursor:pointer; font-weight:bold; overflow:visible; width:auto !important; font-family: Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:1.143em; padding:0.313em 0.25em}</code></pre> https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11410 Tue, 19 Oct 2010 20:01:14 +0000 Chris M. 11410@https://legacy.forums.gravityhelp.com/ <p>Hmmm... Spoke too soon. :-)</p> <p>The reset of the radio and check boxes seems to be fine, but the SUBMIT button doesn't have the nice look that it has in image #1 (<a href="http://reflectonthis.com/gravity-images/page-framework.jpg" rel="nofollow">http://reflectonthis.com/gravity-images/page-framework.jpg</a> ). </p> <p>Any idea why not? </p> https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11409 Tue, 19 Oct 2010 19:55:33 +0000 Chris M. 11409@https://legacy.forums.gravityhelp.com/ <p>Thank you very much Kevin. That did the trick! </p> <p>I am really happy with the support of Gravity Forms. </p> https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11408 Tue, 19 Oct 2010 19:02:20 +0000 Kevin Flahaut 11408@https://legacy.forums.gravityhelp.com/ <p>This should work for you.</p> <pre><code>/* reset radio and checkbox input width */ ul.gfield_radio li input, ul.gfield_checkbox li input {width:auto!important;} /* reset button width */ .gform_footer input.button {width:auto !important;}</code></pre> https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11404 Tue, 19 Oct 2010 16:24:53 +0000 Chris M. 11404@https://legacy.forums.gravityhelp.com/ <p>So I would just target the radio, checkbox, and button fields in my custom.css for Thesis?</p> <p>I just looked at the Gravity Forms "forms.css" to figure things out, but I am a little overwhelmed by all the code. </p> <p>Could you tell me exactly which ID's/Classes I should target?</p> <p>Thank you. </p> https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11403 Tue, 19 Oct 2010 16:15:29 +0000 Kevin Flahaut 11403@https://legacy.forums.gravityhelp.com/ <p>Chris, This is a theme style issue. Thesis applies a blanket width to all form inputs.. I believe it's 40% width. Since buttons and radio fields are inputs, they get the nice 40% width rule too.</p> <p>The default Gravity Forms styles override this for Thesis, but that's specific to the default layout. You'll need to look at those styles and adjust the CSS specificity to match that of the new layout or just trying using the "width:auto!important" rule on the radio, checkbox and button fields to override it. </p> https://legacy.forums.gravityhelp.com/topic/form-goes-whack-with-thesis-18-full-width-framework-enabled#post-11401 Tue, 19 Oct 2010 16:07:23 +0000 Chris M. 11401@https://legacy.forums.gravityhelp.com/ <p>Hello, </p> <p>The subject line says it all! Haha... </p> <p>I have two screenshots to share, both from a Gravity Form in Thesis 1.8:</p> <p>1.) With the default page framework enabled: <a href="http://reflectonthis.com/gravity-images/page-framework.jpg" rel="nofollow">http://reflectonthis.com/gravity-images/page-framework.jpg</a></p> <p>2.) With the full-width framework enabled: <a href="http://reflectonthis.com/gravity-images/full-width-framework.jpg" rel="nofollow">http://reflectonthis.com/gravity-images/full-width-framework.jpg</a></p> <p>I am mainly concerned about the "Purpose for Contact" section and the "Submit" button. The rest seems to be in order. </p> <p>I am trying to get the style of the page framework form (#1 above), while using the full-width framework feature. </p> <p>Respectfully,<br /> Chris M. </p>