https://legacy.forums.gravityhelp.com/topic/display-problems Gravity Support Forums Topic: Display problems en-US Mon, 20 Apr 2026 16:26:03 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/display-problems#post-21148 Wed, 23 Mar 2011 04:12:50 +0000 platinumtie 21148@https://legacy.forums.gravityhelp.com/ <p>Sorry, my apologies, it did work.</p> <p>Thanks very much! </p> https://legacy.forums.gravityhelp.com/topic/display-problems#post-21147 Wed, 23 Mar 2011 04:11:31 +0000 platinumtie 21147@https://legacy.forums.gravityhelp.com/ <p>No luck with that override code.</p> <p>Any other ideas? </p> https://legacy.forums.gravityhelp.com/topic/display-problems#post-21145 Wed, 23 Mar 2011 03:43:22 +0000 Kevin Flahaut 21145@https://legacy.forums.gravityhelp.com/ <p>Your style.css file sets a 300px width on all inputs (line 1089) </p> <pre><code>.content input, .content select { width: 300px; }</code></pre> <p>Checkboxes and radio buttons are inputs too, so they're getting blown all over the place by the sloppy blanket CSS rule. You can add this to the end of your theme's style.css file and it should override the previous rule.</p> <pre><code>body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=radio], body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=checkbox] {width:auto!important}</code></pre> <p>I'm sure the other issue is related.. check for inheritance issues from your theme. Here's a quick tip.. check the formatting in the form preview window first. If it looks good there and not in your theme, it's CSS inheritance issues from your theme itself. </p> https://legacy.forums.gravityhelp.com/topic/display-problems#post-21144 Wed, 23 Mar 2011 03:35:12 +0000 platinumtie 21144@https://legacy.forums.gravityhelp.com/ <p>I set up my forms and used the shortcode to add them to my page. In safari they look perfect, however, in ie and chrome the checkboxes and radio boxes get all screwed up. I haven't checked it in firefox yet. Also, I created an area with html that has 4 boxes beside each other, and in ie and chrome there is now only 2.</p> <p>Here is the url <a href="http://srabcpreview.com/coordinators-corner/" rel="nofollow">http://srabcpreview.com/coordinators-corner/</a> look under monthly and quarterly reports. </p> <p>How can i make it look the same on all browsers? </p>