https://legacy.forums.gravityhelp.com/topic/simple-css-question Gravity Support Forums Topic: Simple CSS question en-US Wed, 15 Apr 2026 00:35:17 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5583 Wed, 19 May 2010 15:03:48 +0000 gringojason 5583@https://legacy.forums.gravityhelp.com/ <p>That's absolutely beautiful. Thank you so much for your help. Long live GF!! </p> https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5570 Wed, 19 May 2010 08:02:24 +0000 Kevin Flahaut 5570@https://legacy.forums.gravityhelp.com/ <p>Okay, I've tweaked it a bit. The heights changed so you will want to overwrite the previous snippet with this one. It removes the margin from the ordered list, adds a width, spaces the list items out a bit and justifies the text.</p> <pre><code>#gform_wrapper_1 #field_1_15 {position:relative; height:410px} #gform_wrapper_1 #field_1_15 .ginput_container {display:block; position:absolute; top:380px; width:98%} #gform_wrapper_1 #field_1_15 .gfield_description ol {width:550px; margin:0} #gform_wrapper_1 #field_1_15 .gfield_description ol li {margin-bottom:6px; text-align:justify}</code></pre> <p>You can see <a href="http://grab.by/grabs/50efc0345f76395b4bb7de7d60b34749.png" rel="nofollow">my test here</a> </p> https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5566 Tue, 18 May 2010 23:35:19 +0000 gringojason 5566@https://legacy.forums.gravityhelp.com/ <p>It works great. Thanks Kevin. The only other thing I would love to do is bring the description text in a little to line up with the paragraph entry box above it, and justify the text to make it look cleaner. The HTML tags I used to justify it didn't work. Is it possible to do that? Thanks again for you help!! </p> https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5560 Tue, 18 May 2010 21:50:11 +0000 Kevin Flahaut 5560@https://legacy.forums.gravityhelp.com/ <p>Okay, append this to the end of your style.css file and it should work for you. You can tweak the values a bit to your preference.</p> <pre><code>#gform_wrapper_1 #field_1_15 {position:relative; height:360px} #gform_wrapper_1 #field_1_15 .ginput_container {display:block; position:absolute; top:320px; width:98%}</code></pre> <p>It's tailored to your specific form and it worked okay in <a href="http://grab.by/grabs/dd8b91de9d6586f233c6be061e31999c.png" rel="nofollow">my test</a></p> <p>If you add or remove copy, you'll probably want to tweak the height and top position values again to adjust the spacing.</p> <p>Let me know how it goes. </p> https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5558 Tue, 18 May 2010 18:52:03 +0000 gringojason 5558@https://legacy.forums.gravityhelp.com/ <p>Kevin...</p> <p>Here is the URL...</p> <p><a href="http://livefitrevolution.com/?page_id=656" rel="nofollow">http://livefitrevolution.com/?page_id=656</a></p> <p>I would just like to move the checkbox to the bottom of the legal disclaimer. Thanks...</p> <p>Jason. </p> https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5556 Tue, 18 May 2010 18:01:03 +0000 Kevin Flahaut 5556@https://legacy.forums.gravityhelp.com/ <p>None of these were based on a custom class name, simply on the default element ID's and classes for a specific form.</p> <p>If you'd like to share your form URL, It will be easier for me to take a look at it and help you get it done. </p> https://legacy.forums.gravityhelp.com/topic/simple-css-question#post-5555 Tue, 18 May 2010 17:10:50 +0000 gringojason 5555@https://legacy.forums.gravityhelp.com/ <p>This CSS code was posted by Kevin a few months ago to move the check box below the description...</p> <pre><code>/*restyle agreement field ---------*/ ul#input_17_1 {margin-top:20px!important} /* move checkbox field down */ li#field_17_1 {position:relative;} /* set position on container li */ li#field_17_1 div.gfield_description {position:absolute; top:22px;} /* reposition description field */ li#field_17_1 div.gfield_description.validation_message {position:absolute; top:34px;} /* reposition validation message */</code></pre> <p>I am having trouble knowing what I exactly need to change is terms of class IDs to make this work for me. In the advanced tab of my form, I am identifying this class as legal_disclaimer. So...in the posted code, what is the class Kevin is using? What do I take out and replace with "legal_disclaimer"? Thanks... </p>