https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox Gravity Support Forums Topic: Padding Not Working - IE, Firefox en-US Sun, 19 Apr 2026 18:21:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157998 Fri, 01 Mar 2013 16:21:05 +0000 Richard Vav 157998@https://legacy.forums.gravityhelp.com/ <p>Your welcome, small CSS errors normally aren't an issue but as you just experienced each browser takes a different approach to handling them, and it usually is ie that takes the harder line. </p> https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157983 Fri, 01 Mar 2013 15:54:21 +0000 timedriven 157983@https://legacy.forums.gravityhelp.com/ <p>OK I removed that stray code on line 3 and it fixed the problem. Thank you very much! </p> https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157935 Fri, 01 Mar 2013 15:18:49 +0000 Richard Vav 157935@https://legacy.forums.gravityhelp.com/ <p>You need to check your style sheet as the w3c CSS validator is reporting 55 errors. </p> <p><a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.agilebts.com%2Fwp-content%2Fthemes%2Fnevada%2Fstyle.css&amp;profile=css3&amp;usermedium=all&amp;warning=1&amp;vextwarning=&amp;lang=en" rel="nofollow">http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.agilebts.com%2Fwp-content%2Fthemes%2Fnevada%2Fstyle.css&amp;profile=css3&amp;usermedium=all&amp;warning=1&amp;vextwarning=&amp;lang=en</a></p> <p>However in this particular case I think the problem lies with stray code on line 3 of the css shown below, try deleting that line and then test it again in firefox and ie<br /> <pre><code>body .gform_wrapper form { background: url(&#39;http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png&#39;); &#39;); padding: 10px !important; border:0px solid #cccccc; border-radius: 10px; box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7); }</code></pre> https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157924 Fri, 01 Mar 2013 14:51:41 +0000 David Peralty 157924@https://legacy.forums.gravityhelp.com/ <p>I'll have to point out this to our CSS expert, I'm not sure why it isn't showing correctly. </p> https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157911 Fri, 01 Mar 2013 14:28:43 +0000 timedriven 157911@https://legacy.forums.gravityhelp.com/ <p>Thanks for your reply! I tried adding that here but I didn't see a change:</p> <pre><code>body .gform_wrapper form { background: url(&#39;http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png&#39;); &#39;); padding: 10px !important; border:0px solid #cccccc; border-radius: 10px; box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7); }</code></pre> https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157909 Fri, 01 Mar 2013 14:25:36 +0000 David Peralty 157909@https://legacy.forums.gravityhelp.com/ <p>Try putting the !important declaration on it as well and see if that works any better. </p> https://legacy.forums.gravityhelp.com/topic/padding-not-working-ie-firefox#post-157898 Fri, 01 Mar 2013 14:02:42 +0000 timedriven 157898@https://legacy.forums.gravityhelp.com/ <p>See my form here: <a href="http://www.agilebts.com/zoho-crm-test/" rel="nofollow">http://www.agilebts.com/zoho-crm-test/</a></p> <p>The 10px padding I have in from the background image is not working in IE and Firefox. It does work however in Chrome and Safari. Here is my code:</p> <pre><code>body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li { list-style-type: none !important; list-style-image: none !important; list-style: none !important; background-image: none !important; background: none !important; padding: 0 !important; margin: 0 !important; border: none !important } body .gform_wrapper form { background: url(&#39;http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png&#39;); &#39;); padding: 10px; border:0px solid #cccccc; border-radius: 10px; box-shadow: 3px 3px 5px 1px rgba(100, 100, 100, .7); } /* make the form container relative for positioning */ body .gform_wrapper { position: relative; } /* resize and position the form footer with the button */ body .gform_wrapper .gform_footer { width: auto; position: relative; top: 15px; left: 0px; padding: 0; margin: 0; } .gform_wrapper .gform_body .gform_fields .gfield label {color: #FFFFFF}</code></pre> <p>Paul </p>