https://legacy.forums.gravityhelp.com/topic/gravity-form-css-conflicting-with-theme-css Gravity Support Forums Topic: Gravity form css conflicting with theme css en-US Sun, 19 Apr 2026 18:22:01 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-form-css-conflicting-with-theme-css#post-42122 Thu, 24 Nov 2011 15:43:11 +0000 Chris Hajer 42122@https://legacy.forums.gravityhelp.com/ <p>Great. Glad you got that resolved. Happy Thanksgiving. </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-css-conflicting-with-theme-css#post-42093 Thu, 24 Nov 2011 03:43:58 +0000 orbitor 42093@https://legacy.forums.gravityhelp.com/ <p>Thank you! That worked. </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-css-conflicting-with-theme-css#post-42087 Wed, 23 Nov 2011 23:49:26 +0000 Chris Hajer 42087@https://legacy.forums.gravityhelp.com/ <p>Regarding the submit button, it looks like StudioPress has already included some styles for you. It's on line 3384 of that same stylesheet in your child theme:</p> <pre><code>.gform_footer .button (line 3384)</code></pre> https://legacy.forums.gravityhelp.com/topic/gravity-form-css-conflicting-with-theme-css#post-42086 Wed, 23 Nov 2011 23:44:57 +0000 Chris Hajer 42086@https://legacy.forums.gravityhelp.com/ <p>It's actually the theme css that is overriding the Gravity Forms CSS. You can remove that left indent by adding this to your theme's style.css:</p> <pre><code>[css] body #content .gform_wrapper ul li { padding: 0; margin: 0; }</code></pre> <p>I think this is the file <a href="http://www.littlebearsees.com/wp-content/themes/Little%20Bear%20Sees/style.css" rel="nofollow">http://www.littlebearsees.com/wp-content/themes/Little%20Bear%20Sees/style.css</a> or wherever StudioPress wants you to make custom CSS edits in a child theme. </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-css-conflicting-with-theme-css#post-42083 Wed, 23 Nov 2011 23:22:05 +0000 orbitor 42083@https://legacy.forums.gravityhelp.com/ <p>I just set up a form and I am trying to get it lined up on the left side. All the form elements are indented by 20px because the li elements are indented elsewhere in the theme. How can I target the gravity form li element in css?</p> <p>Also, how can I go about formatting the submit button?</p> <p><a href="http://www.littlebearsees.com/contact/" rel="nofollow">http://www.littlebearsees.com/contact/</a> </p>