https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help Gravity Support Forums Topic: UL and LI killed my style CSS help en-US Sun, 19 Apr 2026 20:25:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help#post-225601 Fri, 26 Apr 2013 12:41:56 +0000 AlikA 225601@https://legacy.forums.gravityhelp.com/ <p>@David Peralty</p> <p>Sorry I meant 2 columns</p> <p>in column one i have the form &lt;&lt;&lt; Align Left<br /> in column two I have an HTML box &gt;&gt;&gt;&gt; Aligned Right<br /> As shown in the image attached in the first post. <a href="http://i.imgur.com/pM3SBA4.jpg" rel="nofollow">http://i.imgur.com/pM3SBA4.jpg</a> </p> https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help#post-225476 Fri, 26 Apr 2013 11:15:56 +0000 AlikA 225476@https://legacy.forums.gravityhelp.com/ <p>The FLOAT is one element that i really dont understand if you remove the following 2 floats everything works, but there is no way that you CAN remove them because any atribute given messes it up.</p> <p>Any input will be greatly appriciated!</p> <pre><code>body #main #container #content .entry-content .gform_wrapper form .gform_body ul.gform_fields li.gfield { float: none; }</code></pre> <p>and<br /> <pre><code>#content ul li { float: left !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help#post-225471 Fri, 26 Apr 2013 11:06:06 +0000 David Peralty 225471@https://legacy.forums.gravityhelp.com/ <p>It is difficult to style only because we have to work around the stylesheets of every single WordPress theme out there in the market today... We are always refining things though, so if you have suggestions, please let us know. </p> <p>I don't know what you mean by your question about the "two fields". </p> https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help#post-225468 Fri, 26 Apr 2013 11:01:02 +0000 AlikA 225468@https://legacy.forums.gravityhelp.com/ <p>Wow, thanks... That is Awesome way of targeting the Li fields, thanks for that.</p> <p>I do plan on using 2 fields, and that is my main concern really...<br /> I am very much lost on how to actually make those 2 fields work.</p> <p>&gt;&gt;&gt; Another topic - is it me? or id Gravity Forms somewhat difficult to style? </p> https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help#post-224788 Fri, 26 Apr 2013 01:12:45 +0000 Kevin Flahaut 224788@https://legacy.forums.gravityhelp.com/ <p>Looks like you need to be a lot more specific with your style rules.. try this and see how far it gets you..</p> <pre><code>[css] body #main #container #content .entry-content .gform_wrapper form .gform_body ul.gform_fields li.gfield { float: none !important; } body #main #container #content .entry-content .gform_wrapper form .gform_body ul.gform_fields, body #main #container #content .entry-content .gform_wrapper form .gform_body ul.gform_fields li.gfield { 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 #main #container #content .entry-content .gform_wrapper form .gform_body ul.gform_fields li.gfield { padding: 0 0 22px 14px !important; width: 45% !important; } body #main #container #content .entry-content .gform_wrapper form .gform_body ul.gform_fields &gt; li.gfield:before { content: &quot;&quot;; }</code></pre> <p>my quick test.. <a href="http://i.imgur.com/L0H3rta.jpg" rel="nofollow">http://i.imgur.com/L0H3rta.jpg</a></p> <p>Also, I see you have some left half/right half ready classes applied to some list items.. if you're not planning a 2 column layout for those then you probably want to remove them to prevent other inheritance issues.</p> <p>Hope that points you in the right direction. </p> https://legacy.forums.gravityhelp.com/topic/ul-and-li-killed-my-style-css-help#post-224513 Thu, 25 Apr 2013 21:32:19 +0000 AlikA 224513@https://legacy.forums.gravityhelp.com/ <p>I have a site:<br /> <a href="http://migrationlawyers.co.za/contact-form" rel="nofollow">http://migrationlawyers.co.za/contact-form</a></p> <p>I styled my Them's UL LI and gravity forms picks it up.<br /> I dont know of a way i can remove the CSS styling i made site wide to allow Gravity forms to function properly.</p> <p>This code should let you see what I am after... the FLOAT and WIDTH is killing me!<br /> <pre><code>/*Gravity Forms */ #content ul li { background: none; float: ? margin: 0; padding: 0 0 22px 14px; text-align: left; width: 45%!important; }</code></pre> <p><a href="http://i.imgur.com/pM3SBA4.jpg" rel="nofollow">http://i.imgur.com/pM3SBA4.jpg</a><br /> ^^ This is what I would like to achieve </p>