https://legacy.forums.gravityhelp.com/topic/need-css-for-concistent-input-box-positioning Gravity Support Forums Topic: Need CSS for consistent input box positioning en-US Sun, 19 Apr 2026 18:19:16 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/need-css-for-concistent-input-box-positioning#post-74051 Wed, 05 Sep 2012 15:47:44 +0000 Kevin Flahaut 74051@https://legacy.forums.gravityhelp.com/ <p>Rob is the man. That is all. </p> https://legacy.forums.gravityhelp.com/topic/need-css-for-concistent-input-box-positioning#post-74050 Wed, 05 Sep 2012 15:46:21 +0000 Rob Harrell 74050@https://legacy.forums.gravityhelp.com/ <p>Try dropping this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper span.ginput_product_price { width: 100px; display: inline-block; }</code></pre> <p><a href="http://www.evernote.com/shard/s212/sh/97b24adc-8c67-4e9a-a7e1-9ed6311da99e/cba5a9dd30137e86d2dc86a8427d34be" rel="nofollow">Result</a> </p> https://legacy.forums.gravityhelp.com/topic/need-css-for-concistent-input-box-positioning#post-74038 Wed, 05 Sep 2012 14:57:00 +0000 MangoMM 74038@https://legacy.forums.gravityhelp.com/ <p>Hi there,<br /> Thanks for the reply.<br /> <a href="http://goldealers.co.uk/precious-metals-calculator/?metal=Coins" rel="nofollow">http://goldealers.co.uk/precious-metals-calculator/?metal=Coins</a> </p> https://legacy.forums.gravityhelp.com/topic/need-css-for-concistent-input-box-positioning#post-73980 Wed, 05 Sep 2012 09:43:43 +0000 Kevin Flahaut 73980@https://legacy.forums.gravityhelp.com/ <p>Adding the "display: block" property to your inputs is going to force them to a new line like you've discovered and it's not going to get you where you need to be. Screenshots are nice, but please post a URL to your form page and we can inspect your form and give you some specific guidance to help you out.</p> <p>Most likely you can set a specific width for your label and that will work but without seeing your form, I can't tell you for sure. </p> https://legacy.forums.gravityhelp.com/topic/need-css-for-concistent-input-box-positioning#post-73931 Wed, 05 Sep 2012 04:49:15 +0000 MangoMM 73931@https://legacy.forums.gravityhelp.com/ <p>My form is set up with label placement "left_aligned".</p> <p>I have a list of products, which vary in price significantly. For example, one item may be £300.00 and another £3,000.00.</p> <p>As you can see, £3,000.00 takes up much more space than £300.00</p> <p>What my problem is that the price label also takes up space, which means that the input box for quantity is floated to the left of the pricing label at differing amounts each time.</p> <p>This looks quite ugly.</p> <p><a href="http://s8.postimage.org/bnpbifqp1/Screen_shot_2012_09_05_at_09_45_05.png" rel="nofollow">http://s8.postimage.org/bnpbifqp1/Screen_shot_2012_09_05_at_09_45_05.png</a></p> <p>I have attempted to change the css for <code>.ginput_product_price</code> to display block, and then setting a standard width, however this makes things look even worse.</p> <p><a href="http://s8.postimage.org/ral69jtut/Screen_shot_2012_09_05_at_09_45_32.png" rel="nofollow">http://s8.postimage.org/ral69jtut/Screen_shot_2012_09_05_at_09_45_32.png</a></p> <p>Are you able to help me with the css to make this look consistent at all? I am surprised nobody else appears to have had a similar issue on these forums. </p>