https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially Gravity Support Forums Topic: Keep "Question" and "Answers/Options" on the same line initially en-US Sun, 19 Apr 2026 20:26:31 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-71135 Wed, 15 Aug 2012 09:25:08 +0000 Rob Harrell 71135@https://legacy.forums.gravityhelp.com/ <p>I don't understand what you're asking for. Can you please screenshot and write specific details on what you are looking to achieve. </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-71085 Tue, 14 Aug 2012 21:03:52 +0000 doamore 71085@https://legacy.forums.gravityhelp.com/ <p>Hi Support, I never heard back since Friday. Trying again, thanks. </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70615 Fri, 10 Aug 2012 17:00:28 +0000 doamore 70615@https://legacy.forums.gravityhelp.com/ <p>I just tried applying it to a few other elements also but could not get it to work (besides ginput_container). Sorry for new post, but I do not think I can edit a post (I don't see the edit button anywehre). </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70557 Fri, 10 Aug 2012 10:35:29 +0000 doamore 70557@https://legacy.forums.gravityhelp.com/ <p>Rob,</p> <p>I was able to figure out how to edit woocommerces dropdown width and so please ignore my last post. I will have woocommerce match gravityforms width. Thanks!</p> <p>Only thing left is one unanswered question from the forum. Here it is again:</p> <p>Lastly, when you choose "custom size" or "custom engraving", I want to apply the same code you made so that the text entry, font, width, etc isn't different like it is now (you can try it by choosing custom size or custom engraving at: <a href="http://doamore.wpengine.com/shop/adar-copy/)" rel="nofollow">http://doamore.wpengine.com/shop/adar-copy/)</a></p> <p>I tried finding what element to apply the code to but I can't get it. Could you please tell me what I need to do? I tried applying it to: 'ginput_container' but it didn't work (I might just be doing it incorrectly).</p> <p>Thank you! </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70410 Thu, 09 Aug 2012 17:02:49 +0000 doamore 70410@https://legacy.forums.gravityhelp.com/ <p>The Awesome Part:<br /> Thank you! The code worked. I figured out that it was the bottom code (line 17 above) that is doing the trick!</p> <p>The Issue:<br /> In different browsers it is needing a different width -- the reason the woocommerce one stays consistent is because width is set to 100% some how (according to the screenshot you provided -- look at the inspect elements) to make it the size it is (versus us-- we are trying to set pixels). I tried setting a percentage for ours, but it is still changing with different zoom in/zoom out settings and different browsers and computer monitor sizes -- is there a way to get it to match woocommerce's dropdown width?</p> <p>Thank you Rob </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70387 Thu, 09 Aug 2012 15:36:59 +0000 Rob Harrell 70387@https://legacy.forums.gravityhelp.com/ <p>This worked for me: <a href="http://www.evernote.com/shard/s212/sh/8ce110e2-f036-4f68-8d9a-796d21d4de51/8a7478deade32d6e2ba6941ed2ea88b7" rel="nofollow">Screenshot</a></p> <pre><code>[css] .gform_wrapper select { width: 300px !important! color: #343434; font-family: &#39;Calibri&#39;, &#39;Droid Sans&#39;, Verdana, Arial, sans-serif; font-size: 12px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); border: 1px solid #CCC; padding: 0px; margin: 0; outline: 0; background: white none; line-height: 1em; width: 200px; color: #343434; }</code></pre> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70386 Thu, 09 Aug 2012 15:33:19 +0000 doamore 70386@https://legacy.forums.gravityhelp.com/ <p>Rob, I can't get it to work. I tried placing it in the previous code, and in a few other places, but it is not changing anything. Could I give you my credentials and have you try, or is that outside of gravity policy?</p> <p>I tried putting it in the snippit above for .gform_wrapper select {} but I can't get it to change. THank you </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70381 Thu, 09 Aug 2012 15:12:57 +0000 Rob Harrell 70381@https://legacy.forums.gravityhelp.com/ <p>In the above CSS snippet you can easily change the font-size to be whatever size you'd like (pixels or em) and you can add a width declaration as well, such as width: 200px !important or a percentage, etc. </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70377 Thu, 09 Aug 2012 15:03:07 +0000 doamore 70377@https://legacy.forums.gravityhelp.com/ <p>Lastly, when you choose "custom size" or "custom engraving", I want to apply the same code you made so that the text entry (and font) isn't so huge like it is now (<a href="http://doamore.wpengine.com/shop/adar-copy/" rel="nofollow">http://doamore.wpengine.com/shop/adar-copy/</a>)</p> <p>I tried finding what element to apply the code to but I can't get it. Could you please tell me what I need to do? I tried applying it to: 'ginput_container' but it didn't work (I might just be doing it incorrectly).</p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/keep-question-and-answersoptions-on-the-same-line-initially#post-70374 Thu, 09 Aug 2012 14:33:17 +0000 doamore 70374@https://legacy.forums.gravityhelp.com/ <p>Awesome! I changed the "padding" to 0 and it looks really close and good. Thanks Rob.</p> <p>The only part that remains now is the last part of question 3:<br /> 3) The dropdown menu for the woocommerce option is different than the dropdown menu for the gravity forms menus. How can I make it look the same (style wise, and length wise (even when I do "large" field size, it does not become as big as the woocomerce ones, font wise).</p> <p>That last part that I am referring to is the length -- do you have any suggestions? When I choose the "length" as long, it is not that long. Is there a way to make your gravity forms dropdown a certain length (so that it matches my woocommerce dropdowns length)?</p> <p>Thank you Rob-you've been a great help thus far </p>