https://legacy.forums.gravityhelp.com/topic/css-help-required Gravity Support Forums Topic: CSS Help required en-US Mon, 20 Apr 2026 02:30:01 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11779 Fri, 29 Oct 2010 09:14:27 +0000 Kevin Flahaut 11779@https://legacy.forums.gravityhelp.com/ <p>Here are a couple of options for "centralzing" the form</p> <p>reset the max-width on the form wrapper</p> <p><code>.gform_wrapper {max-width:99%!important}</code></p> <p>or leave it at 640px, but center the form</p> <p><code>.gform_wrapper {margin:10px auto!important}</code></p> <p>Here's what I see in Safari</p> <p><a href="http://grab.by/grabs/6e2adf2d6b9037cbbab04c0cf1c9b095.png" rel="nofollow">screenshot</a></p> <p>The only thing I noted was that the salutation checkboxes were being cut off and part of the list wasn't visible. It's being trimmed by the "overflow:hidden" rule on the parent UL.</p> <p>style.css line 1881 - change to</p> <p><code>ul#input_1_5 {overflow:visible;}</code></p> <p><a href="http://grab.by/grabs/72d510db1d49ac936aa1292a1c3529ee.png" rel="nofollow">test screenshot</a></p> <p>The standard checkbox alignment usually works well without any changes so if you're seeing inconsistencies, it's probably inheriting different margin or padding rules somewhere from your theme thats throwing it off. </p> https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11776 Fri, 29 Oct 2010 03:28:42 +0000 irisse 11776@https://legacy.forums.gravityhelp.com/ <p>my website is now running. <a href="http://www.propertyhomes.sg/the-glyndebourne/" rel="nofollow">http://www.propertyhomes.sg/the-glyndebourne/</a></p> <p>based on the suggestion in the forum, i have amended</p> <p>1. checkbox alignment: Looks good in IE, ok in firebox but 2nd box alignment still out in my safari.</p> <p>2. salutation options now all in single row: i change to 10% but still not showing nicely in safari.<br /> <a href="http://forum.gravityhelp.com/topic/custom-form-layout-question#post-7104" rel="nofollow">http://forum.gravityhelp.com/topic/custom-form-layout-question#post-7104</a></p> <p>3. Because i m using full content width (960px) and the gravity form is only 640px. How can i centralise my form to make it look nicer? </p> https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11759 Thu, 28 Oct 2010 13:59:21 +0000 irisse 11759@https://legacy.forums.gravityhelp.com/ <p>ok will fix up the webpage problem...</p> <p>can u give me some example of the float css code to follow...thanks </p> https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11754 Thu, 28 Oct 2010 13:15:49 +0000 Kevin Flahaut 11754@https://legacy.forums.gravityhelp.com/ <p>Still can't see the form..404 errors in 4 browsers I checked.</p> <p>to get the checkboxes all in a row, you'll need to float them to the left and probably apply a height to all of them to avoid any weird "hanging" floats. </p> https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11750 Thu, 28 Oct 2010 12:29:52 +0000 irisse 11750@https://legacy.forums.gravityhelp.com/ <p>pls try the url again. it's showing in my browser <a href="http://www.propertyhomes.sg/the-glyndebourne/" rel="nofollow">http://www.propertyhomes.sg/the-glyndebourne/</a></p> <p>so how do i put the checkbox options in a single row? </p> https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11745 Thu, 28 Oct 2010 11:35:49 +0000 Kevin Flahaut 11745@https://legacy.forums.gravityhelp.com/ <p>The form URL you referenced is returning a 404 page not found error so I can't see it. There is no gf_5col class so that's why you're not seeing any difference. </p> https://legacy.forums.gravityhelp.com/topic/css-help-required#post-11725 Thu, 28 Oct 2010 05:14:43 +0000 irisse 11725@https://legacy.forums.gravityhelp.com/ <p>I do not know how to edit CSS. Would appreciate some help on CSS. Thanks</p> <p>I have embeded my form to <a href="http://www.propertyhomes.sg/the-glyndebourne/" rel="nofollow">http://www.propertyhomes.sg/the-glyndebourne/</a></p> <p>I need help to amend<br /> 1. Alignment of checkbox option<br /> 2. All Salutation options to be in single row (I tried to input "gf_5col" in the CSS class name field but it does not work)<br /> 3. form to be centralised. </p>