https://legacy.forums.gravityhelp.com/topic/css-problems Gravity Support Forums Topic: CSS problems... en-US Sat, 04 Apr 2026 10:15:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-problems#post-42391 Mon, 28 Nov 2011 20:51:13 +0000 Rob Harrell 42391@https://legacy.forums.gravityhelp.com/ <p>The gf_list_2col style is working, the conflict was on line 2587 of style.css - there is:</p> <pre><code>[css] form ul, form li { list-style-type: none; list-style-position: outside; border: 0; margin: 0 0 20px 0 !important; padding: 0 !important; display: block; clear: both; background: 0 !important; }</code></pre> <p>That clear:both was causing the float:left of the ready class to still float:left, but clear the float above it first. </p> https://legacy.forums.gravityhelp.com/topic/css-problems#post-42379 Mon, 28 Nov 2011 20:17:13 +0000 Carl Hancock 42379@https://legacy.forums.gravityhelp.com/ <p>@Kenguru Do you have the CSS Ready Class implemented right now? Let me know which field and I can take a look and see why it is not being applied. </p> https://legacy.forums.gravityhelp.com/topic/css-problems#post-42374 Mon, 28 Nov 2011 19:47:20 +0000 Kenguru 42374@https://legacy.forums.gravityhelp.com/ <p>Okei, I added your code given here to my theme's stylesheet, and now it is working! Thanks a lot.</p> <p>But I still wonder, why the "gf_list_2col" style did not work. </p> https://legacy.forums.gravityhelp.com/topic/css-problems#post-42366 Mon, 28 Nov 2011 19:27:42 +0000 Rob Harrell 42366@https://legacy.forums.gravityhelp.com/ <p>You have a style in your theme that's clearing the floats on the radio buttons ready styles, pop this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li { clear: none; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-problems#post-42358 Mon, 28 Nov 2011 18:35:53 +0000 Kenguru 42358@https://legacy.forums.gravityhelp.com/ <p>Oh, how kind of you, thanks a lot!!!</p> <p>Well, I had not selected the CSS output, sorry. Obviously I need it, and it does still leave all the basic styles from my theme, great!</p> <p>No the line break is gone, very good.<br /> But the radio button option lines are in different rows, when they should be in the same line.</p> <p>In advance tab I have this in the CSS Clas name:<br /> gf_list_2col</p> <p>Is it correct? How can I get the radio button options to the same line?</p> <p>(The simple text fields are correctly in the same row.)</p> <p>Thanks again! :) </p> https://legacy.forums.gravityhelp.com/topic/css-problems#post-42354 Mon, 28 Nov 2011 18:15:28 +0000 Rob Harrell 42354@https://legacy.forums.gravityhelp.com/ <p>It looks like the gravity forms style sheet isn't coming through at all. Do you have the Output CSS option selected in your settings? If so, how are you placing the form on the page. The ready classes should achieve what you are looking to do out of the box if we can get the gravity forms style sheet to come through:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>An alternate fix would be to add this:</p> <pre><code>[css] .gchoice_1_0 { float: left; width: 22%; } .gchoice_1_1 { float: left; clear: none; } .gchoice_1_0 label, .gchoice_1_1 label { display: inline; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-problems#post-42353 Mon, 28 Nov 2011 18:09:55 +0000 Kenguru 42353@https://legacy.forums.gravityhelp.com/ <p>Oh, I have to sorrily admit, that I am not any CSS expert... :(. I can make some basic changes, but this is something I cannot fix. I would be very gratefull, if somebody could give me a hint?</p> <p><a href="http://tinyurl.com/c4ox2zk" rel="nofollow">http://tinyurl.com/c4ox2zk</a></p> <p>I have entered the needed css styles to the form information, because I want the radio input options (both 2 of them) to be in the same line. Very simple, and preview shows it correctly and nicely.</p> <p>But but... The theme I am using is making some strange this... :( It not only overrides the Gravity Form css (that I understand), but it also make a line break after the radio button - ugly looking and very strange...!?</p> <p>So where and how would it be best to do some altering so that both Gravity form styles are in use and the line break is gone? </p> <p>I would highly appreciate your help, indeed! I think this is very easy for somebody, who really knows CSS. </p>