https://legacy.forums.gravityhelp.com/topic/need-help-with-css-code-to-override-theme-css Gravity Support Forums Topic: Need help with CSS code to override theme CSS en-US Sun, 19 Apr 2026 18:20:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/need-help-with-css-code-to-override-theme-css#post-48734 Wed, 08 Feb 2012 15:24:32 +0000 Rob Harrell 48734@https://legacy.forums.gravityhelp.com/ <p>No problem, yeah when I remove that declaration nothing changes about the search box at the top. Speaking of, that input is in it's own id (id="search") so if you want to do something special to just that one input, you should target it that way. </p> https://legacy.forums.gravityhelp.com/topic/need-help-with-css-code-to-override-theme-css#post-48731 Wed, 08 Feb 2012 14:58:42 +0000 JDebler 48731@https://legacy.forums.gravityhelp.com/ <p>Actually, I may be wrong on my last reply. Let me play with firebug. Thanks for the direction and assistance! :) </p> https://legacy.forums.gravityhelp.com/topic/need-help-with-css-code-to-override-theme-css#post-48729 Wed, 08 Feb 2012 14:52:42 +0000 JDebler 48729@https://legacy.forums.gravityhelp.com/ <p>Thanks, but that is to keep a border=0 for the search box in the upper right hand corner of the site. </p> <p>Like I said, I suck at CSS so if there is a better way of doing things, I am all ears! :) </p> https://legacy.forums.gravityhelp.com/topic/need-help-with-css-code-to-override-theme-css#post-48726 Wed, 08 Feb 2012 14:41:56 +0000 Rob Harrell 48726@https://legacy.forums.gravityhelp.com/ <p>In your style.css file on line 9 you have:</p> <pre><code>[css] * { margin: 0; padding: 0; border: none; }</code></pre> <p>That border: none; seems to be your issue. If you remove that everything shows as it should be default. </p> https://legacy.forums.gravityhelp.com/topic/need-help-with-css-code-to-override-theme-css#post-48724 Wed, 08 Feb 2012 14:09:09 +0000 JDebler 48724@https://legacy.forums.gravityhelp.com/ <p>I have a small problem with my Gravity Forms CSS conflicting with my site's theme CSS.</p> <p>First of all, I suck at CSS. :)</p> <p>Basically, here is the problem that I am having:<br /> - Bullets before each element<br /> - No border around the form field elements (text areas, dropdowns, etc.)<br /> - Small, nearly invisible Submit button.</p> <p>So in doing some research, I fixed the bullet issue by using some code here on this site. Thanks for that. </p> <p>However, I cannot seem to fix the other two. Here is the code that I am using on my themes main CSS file. Can someone tell me what I need to change to fix my problems?</p> <p>The form is currently here:<br /> <a href="http://www.camaroz28.com/extras/bbomg-form-test/" rel="nofollow">http://www.camaroz28.com/extras/bbomg-form-test/</a><br /> (I hope no one find it and uses it, it is not complete yet! :))</p> <pre><code>/*---- Remove bullets ----*/ 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 } /*---- Give form fields border ----*/ body .gform_wrapper form .gform_body input, body .gform_wrapper form .gform_body textarea, { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; font: 12px Arial,Helvetica,sans-serif; padding: 2px; } /*---- Style submit button ----*/ body .gform_wrapper .gform_footer input[type=submit] { background:#888888; color:#000000; font:bold 15px Tahoma, Verdana, Helvetica, sans-serif; padding:2px; }</code></pre> <p>Any help is appreciated!</p> <p>-Jason </p>