https://legacy.forums.gravityhelp.com/topic/math-challenge-styling Gravity Support Forums Topic: Math challenge styling en-US Tue, 21 Apr 2026 15:19:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/math-challenge-styling#post-35172 Tue, 13 Sep 2011 12:37:54 +0000 Kevin Flahaut 35172@https://legacy.forums.gravityhelp.com/ <p>I'm happy I could help. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/math-challenge-styling#post-35165 Tue, 13 Sep 2011 11:39:53 +0000 Andreas 35165@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,<br /> Many thanks for the prompt reply and the CSS solution. Worked fine.<br /> Thank you for your assistance. </p> https://legacy.forums.gravityhelp.com/topic/math-challenge-styling#post-35156 Tue, 13 Sep 2011 10:17:36 +0000 Kevin Flahaut 35156@https://legacy.forums.gravityhelp.com/ <p>Yeah, of course. It's just markup and CSS, you can add styles to do pretty much whatever you'd like.</p> <p>You can switch to the left label form format if you prefer, that parts easy. The other fields can be aligned doing something like this.</p> <pre><code>[css] body .gform_wrapper .gfield_captcha_container { width: 200px; } body .gform_wrapper.gfield_captcha_input_container { float: right; margin-top: 8px; }</code></pre> <p>screenshot: <a href="http://bit.ly/qlGvQ3" rel="nofollow">http://bit.ly/qlGvQ3</a></p> <p>Or you can just float the label for that one field if you want to keep the top label option for the rest of your form</p> <pre><code>[css] .gfield_captcha_container { width: 250px; } .gfield_captcha_input_container { float: right; margin-top: 8px; } li#field_97_16 label { float: left!important; margin: 14px 8px 0 0 !important; }</code></pre> <p>screenshot : <a href="http://bit.ly/qdcVcf" rel="nofollow">http://bit.ly/qdcVcf</a></p> <p>You'd have to view your source and get the proper field ID to replace the one in my example.</p> <p>You can find more specifics on targeting fields and elements with CSS here if you need.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/math-challenge-styling#post-35152 Tue, 13 Sep 2011 10:03:32 +0000 Andreas 35152@https://legacy.forums.gravityhelp.com/ <p>The (math challenge) when applied appears on the form in three lines: (1) The Field label, (2) the actual math challenge itself and then the (3) field where the visitor is to enter the answer to the math challenge.<br /> My question is: can these three elements be styled to be all in a single line? i.e. horizontally?<br /> Many Thanks. </p>