https://legacy.forums.gravityhelp.com/topic/css-class-format Gravity Support Forums Topic: CSS Class Format en-US Wed, 22 Apr 2026 04:59:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57221 Tue, 01 May 2012 15:26:16 +0000 Rob Harrell 57221@https://legacy.forums.gravityhelp.com/ <p>Glad to help. </p> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57219 Tue, 01 May 2012 15:20:36 +0000 Patrick Nommensen 57219@https://legacy.forums.gravityhelp.com/ <p>Perfect, thanks. </p> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57139 Tue, 01 May 2012 10:19:19 +0000 Rob Harrell 57139@https://legacy.forums.gravityhelp.com/ <p>Try dropping this into your theme's stylesheet:</p> <pre><code>[css] #content .gform_wrapper .gform_body li.gfield { margin: 0; }</code></pre> <p>The issue is this margin in your theme's stylesheet:</p> <pre><code>[css] #content .post ul li, #content .page ul li, .catalyst-widget-area ul li { margin: 0 0 0 20px; list-style-type: disc; #content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li, .catalyst-widget-area ul li, .catalyst-widget-area ol li { margin: 0 0 0 20px; padding: 0 0 0px; } }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57130 Tue, 01 May 2012 09:27:31 +0000 David Peralty 57130@https://legacy.forums.gravityhelp.com/ <p>Sorry, for my second post, I meant try the same CSS to the .gform_wrapper .top_label li.gfield.gf_right_half... the</p> <pre><code>width: 47% !important;</code></pre> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57127 Tue, 01 May 2012 09:23:15 +0000 Patrick Nommensen 57127@https://legacy.forums.gravityhelp.com/ <p>Thanks for your quick response David! Unfortunately your first method with the CSS didn't work. I did play around with it a bit before I posted here and couldn't find a solution either. </p> <p>'Or something similar to the<br /> .gform_wrapper .top_label li.gfield.gf_right_half'</p> <p>Not sure what you're talking about, :D.</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57085 Mon, 30 Apr 2012 22:34:01 +0000 David Peralty 57085@https://legacy.forums.gravityhelp.com/ <p>Or something similar to the<br /> .gform_wrapper .top_label li.gfield.gf_right_half </p> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57084 Mon, 30 Apr 2012 22:27:48 +0000 David Peralty 57084@https://legacy.forums.gravityhelp.com/ <p>You could change the field width using CSS.<br /> <pre><code>li.gfield.gf_left_half input.medium, li.gfield.gf_right_half input.medium { width: 47% !important; }</code></pre> <p>Let me know if that helps. </p> https://legacy.forums.gravityhelp.com/topic/css-class-format#post-57082 Mon, 30 Apr 2012 22:01:47 +0000 Patrick Nommensen 57082@https://legacy.forums.gravityhelp.com/ <p>Hello, </p> <p>As can be seen on this dev page: <a href="http://tinyurl.com/7ck6vpy" rel="nofollow">http://tinyurl.com/7ck6vpy</a> the name and email don't fit on the top line using gf_left_half and gf_right_half. How do I go about fixing this?</p> <p>thanks. </p>