https://legacy.forums.gravityhelp.com/topic/css-override-ul-li Gravity Support Forums Topic: CSS override - ul, li en-US Sun, 19 Apr 2026 18:25:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-override-ul-li#post-130585 Thu, 24 Jan 2013 15:36:19 +0000 Rob Harrell 130585@https://legacy.forums.gravityhelp.com/ <p>No worries - just give a shout if you ever get stuck on anything in the future. </p> https://legacy.forums.gravityhelp.com/topic/css-override-ul-li#post-130584 Thu, 24 Jan 2013 15:32:51 +0000 btozcreative 130584@https://legacy.forums.gravityhelp.com/ <p>Kevin,</p> <p>Thanks for taking the time to respond to my question. I completely understand what you're saying here. Gravity Forms is certainly the "superior designed" product... it is too bad many of these themes I happen to be working with are messing with it.</p> <p>Sorry about that. I was so frustrated with the site I sent you example links on that I stayed up for another couple hours working on it. I ended up with a weird custom-class workaround that is probably not the best way to fix it, but it worked...</p> <p>I really need to go back to school. My "web programming" knowledge is about 10 years out of date and I'm constantly playing catch up. </p> https://legacy.forums.gravityhelp.com/topic/css-override-ul-li#post-130351 Thu, 24 Jan 2013 10:05:44 +0000 Kevin Flahaut 130351@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms is designed to inherit most of it's formatting from your theme. Some things have to be defined to preserve the overall layout, but we've built it in such a way that it can be dropped into most themes and often with no customization, the forms take on the general look and feel of the overall site design. Sometimes a little customization is required to override either poorly designed theme markup/CSS or to override some inheritance issues. There isn't really a "one size fits all" solution when you're incorporating the markup directly into your page. The only way to bulletproof the forms from CSS inheritance would be to iframe them into the page.</p> <p>That said, I reviewed all the links you sent in a couple of browsers and I'm not seeing any bullets on your list items. </p> <p><a href="http://i.imgur.com/1KYFa9M.jpg" rel="nofollow">http://i.imgur.com/1KYFa9M.jpg</a></p> <p>If you're still having an issue with it, just post back some other examples of the problem and we'll try to help. </p> https://legacy.forums.gravityhelp.com/topic/css-override-ul-li#post-130085 Thu, 24 Jan 2013 03:42:34 +0000 btozcreative 130085@https://legacy.forums.gravityhelp.com/ <p>Can't find a definitive answer to this problem - maybe each fix is case-by-case, but I am hoping there is a "universal" fix since I keep having this problem pop up on every Gravity Form I implement on a website...</p> <p>Whether I select Yes or No on the Gravity Forms &gt; Settings &gt; Output CSS option, Gravity Forms always seems to inherit the theme's ul li properties. As a result my forms end up with a bullet on every line, weird spacing, and other various formatting issues.</p> <p>Several of these sites are in development and therefore not viewable, but here is an example of the problem on one site:</p> <p><a href="http://www.circapintig.com/get-involved/volunteer/" rel="nofollow">http://www.circapintig.com/get-involved/volunteer/</a><br /> <a href="http://www.circapintig.com/get-involved/donate/" rel="nofollow">http://www.circapintig.com/get-involved/donate/</a><br /> <a href="http://www.circapintig.com/get-involved/audition/" rel="nofollow">http://www.circapintig.com/get-involved/audition/</a><br /> <a href="http://www.circapintig.com/get-involved/submit-a-script/" rel="nofollow">http://www.circapintig.com/get-involved/submit-a-script/</a></p> <p>I have tried putting the following code into my style sheet:</p> <pre><code>[css] 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; }</code></pre> <p>But this does not seem to fix anything either.</p> <p>I'm surprised this is such a systemic problem for Gravity Forms... it seems to cause errors more often than not for me (basically every theme screws up the forms). What is the solution? </p>