https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box Gravity Support Forums Topic: CSS help - how to change the size of a box en-US Sat, 04 Apr 2026 12:46:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31942 Sat, 06 Aug 2011 19:44:30 +0000 Kevin Flahaut 31942@https://legacy.forums.gravityhelp.com/ <p>Great news. Looks like you whipped up some good specific CSS to override other styles. Very nicely done. </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31933 Sat, 06 Aug 2011 17:44:27 +0000 Gil Namur 31933@https://legacy.forums.gravityhelp.com/ <p>WAIT! I got it!</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields #field_6_27.gfield input[type=text] {width: 20px}</code></pre> <p>THANKS! </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31929 Sat, 06 Aug 2011 16:38:33 +0000 Gil Namur 31929@https://legacy.forums.gravityhelp.com/ <p>Kevin! You ROCK! </p> <p>All worked .. just stuck on one. I used this to try and get a single line number field to shorten. </p> <pre><code>body .gform_wrapper input#ginput_input_6_27 { width: 20px; }</code></pre> <p>It did not shorten .. What did I miss? (its at the hidden site not the link I sent you)<br /> THANK YOU! </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31926 Sat, 06 Aug 2011 15:30:53 +0000 Kevin Flahaut 31926@https://legacy.forums.gravityhelp.com/ <p>The class you need to target for the price field is .ginput_product_price<br /> <pre><code>[css] body .gform_wrapper span.ginput_product_price { color: green; }</code></pre> <p>Gil, You'll need to view the source on your other form, grab the id of the input you want to resize and then replace the ID ( #ginput_quantity_8_6 ) in the example below with the one from your form.<br /> <pre><code>[css] body .gform_wrapper input#ginput_quantity_8_6 { width: 20px; }</code></pre> <p>screenshot: <a href="http://bit.ly/nyvNxb" rel="nofollow">http://bit.ly/nyvNxb</a> </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31924 Sat, 06 Aug 2011 15:10:00 +0000 Gil Namur 31924@https://legacy.forums.gravityhelp.com/ <p>Hey Chris,</p> <p>Thanks! The site in question is in maintenance (pre launch) mode right now but here is another site: <a href="http://www.mybusinessinfo.info/order-your-web-page/" rel="nofollow">http://www.mybusinessinfo.info/order-your-web-page/</a></p> <p>If I wanted the price to be green (rather than red) and the total to be red (rather than green)</p> <p>This form does not have a number field like I mentioned above. But what if I wanted to make the quantity field only 2 characters wide? Right now it's 6.</p> <p>Thanks!<br /> Cheers,<br /> Gil </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31923 Sat, 06 Aug 2011 14:51:49 +0000 Chris Hajer 31923@https://legacy.forums.gravityhelp.com/ <p>Gil, can you post a link to your form please? All you want to accomplish should be fairly easy with CSS. </p> https://legacy.forums.gravityhelp.com/topic/css-help-how-to-change-the-size-of-a-box#post-31921 Sat, 06 Aug 2011 14:11:27 +0000 Gil Namur 31921@https://legacy.forums.gravityhelp.com/ <p>Hi there,</p> <p>Being a bit 'green' at css, I wonder if you could just give me an example of how I can change something. </p> <p>I'd like to change the color of price from red to green. Can I do this by adding something to my style.css and then use the CSS Class Name option in the form?</p> <p>I'd like to make a number field appear as only 2 characters wide. Even set to small, it's still large-ish. Again, can I do this by adding something to my style.css and then use the CSS Class Name option in the form?</p> <p>I know about the tutorial link but was hoping for a quick pointer or tip .. please please!<br /> Thanks and cheers,<br /> Gil </p>