https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half Gravity Support Forums Topic: Problem Implementing CSS: gf_left_half & gf_right_half en-US Mon, 20 Apr 2026 02:55:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122770 Tue, 15 Jan 2013 18:12:25 +0000 Chris Hajer 122770@https://legacy.forums.gravityhelp.com/ <p>Enjoy. </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122758 Tue, 15 Jan 2013 17:13:41 +0000 WebWerx 122758@https://legacy.forums.gravityhelp.com/ <p>Thanks Chris. I can see why you like it. The Forms module alone is pretty neat! </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122757 Tue, 15 Jan 2013 17:12:27 +0000 WebWerx 122757@https://legacy.forums.gravityhelp.com/ <p>Thanks Chris. I can see why you like it. The Forms module alone is pretty neat! </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122727 Tue, 15 Jan 2013 16:21:07 +0000 Chris Hajer 122727@https://legacy.forums.gravityhelp.com/ <p>Yes, sorry</p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/web-developer/</a> </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122724 Tue, 15 Jan 2013 16:17:00 +0000 WebWerx 122724@https://legacy.forums.gravityhelp.com/ <p>Thanks - Much appreciated!</p> <p>Is the Web Developer Toolbar a FF Extension?</p> <p>L </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122714 Tue, 15 Jan 2013 16:05:27 +0000 Chris Hajer 122714@https://legacy.forums.gravityhelp.com/ <p>I used the Web Developer toolbar and Firefox. I did not need to resort to Firebug this time :-)</p> <p>Good luck with your forms. </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122711 Tue, 15 Jan 2013 16:01:58 +0000 WebWerx 122711@https://legacy.forums.gravityhelp.com/ <p>Hey Chris!</p> <p>Thanks a bunch. It worked: <a href="http://cl.ly/image/0H062I243M0z" rel="nofollow">http://cl.ly/image/0H062I243M0z</a></p> <p>So it was something in my theme as I suspected. I have been building the form all day.... So troubleshooting CSS is abit difficult. I appreciate the speedy &amp; skilled support.</p> <p>L :-)</p> <p>PS I know it wasn't the GF gf_left_half and gf_right_half and figured my theme's CSS was over riding it somewhere along the line. Did you find the issue with FireBug? </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122703 Tue, 15 Jan 2013 15:51:30 +0000 Chris Hajer 122703@https://legacy.forums.gravityhelp.com/ <p>You theme is adding margin and padding to all post ol and ul (lists). Here is where your theme is adding that (around line 500 of <a href="http://longbaycamp.wpengine.netdna-cdn.com/wp-content/themes/digitalfarm/style.css" rel="nofollow">http://longbaycamp.wpengine.netdna-cdn.com/wp-content/themes/digitalfarm/style.css</a> ) :</p> <pre><code>[css] .post ul, .post ol { margin: 0 20px 20px 20px; } .post ul { list-style: none; } .post ol li{ margin: 0 0 10px 15px; }</code></pre> <p>You can override that by adding this to your theme's stylesheet:</p> <pre><code>[css] body .gform_wrapper div ol li, body .gform_wrapper div ul li { padding: 0px; margin: 0px; }</code></pre> <p>You may have to target more elements to make it look exactly like you want. I added this and the columns line up properly. It's not related at all to using the CSS Ready Classes of gf_left_half and gf_right_half. </p> https://legacy.forums.gravityhelp.com/topic/problem-implementing-css-gf_left_half-gf_right_half#post-122692 Tue, 15 Jan 2013 15:36:41 +0000 WebWerx 122692@https://legacy.forums.gravityhelp.com/ <p>I am having alignment issues when implementing this CSS: gf_left_half &amp; gf_right_half</p> <p>IE Contact Name 1 &amp; Contact Name 2 should be aligned. They are not: <a href="http://cl.ly/image/1J0U1n2P113d" rel="nofollow">http://cl.ly/image/1J0U1n2P113d</a></p> <p>Here is the URL (protected with "longbaycamp"): <a href="http://www.longbaycamp.ca/online-registration/" rel="nofollow">http://www.longbaycamp.ca/online-registration/</a></p> <p>I am baffled as to why this is happening right out of the box. </p> <p>Any and all suggestions will be appreciated. Must be something in my default stylesheet. </p>