https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below Gravity Support Forums Topic: Text field beside question instead of below en-US Sun, 19 Apr 2026 22:06:02 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-44401 Mon, 19 Dec 2011 16:55:39 +0000 Carl Hancock 44401@https://legacy.forums.gravityhelp.com/ <p>@streamcities You would go to the appropriate support forum that is specific to what you need support with, scroll down to the bottom of the page and there is a form for adding a new topic.</p> <p>If you need assistance with Gravity Forms itself that main forum page is here:</p> <p><a href="http://www.gravityhelp.com/forums/forum/gravity-forms" rel="nofollow">http://www.gravityhelp.com/forums/forum/gravity-forms</a></p> <p>Then scroll to the bottom of the page and add your own support topic and ask your question/detail your issue. </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-44371 Mon, 19 Dec 2011 14:21:38 +0000 streamcities 44371@https://legacy.forums.gravityhelp.com/ <p>Where do I start a new topic? </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-44202 Thu, 15 Dec 2011 19:34:53 +0000 Chris Hajer 44202@https://legacy.forums.gravityhelp.com/ <p>@streamcities please start a new topic for your issues. They're unrelated to this topic and deserve individual attention. You can copy and paste from here and then I will remove this post. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-44157 Thu, 15 Dec 2011 15:42:44 +0000 streamcities 44157@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I am new to Gravity Forms and I have a couple of questions. Here is my test website: <a href="http://topnotchdoc.com/?page_id=2" rel="nofollow">http://topnotchdoc.com/?page_id=2</a></p> <p>• I am trying to add a logo image in the top of my form. How do I do this? What CSS do I target? Can I add my own Div Ids to specify logo or something similar? I am trying to accomplish something similar to this: <a href="http://topnotchdoc.com/forms/spine_quiz_p2.php" rel="nofollow">http://topnotchdoc.com/forms/spine_quiz_p2.php</a></p> <p>• I am setting up a multipage form where each page may have a different background image. In the example above, I have a background image and I have adjusted the position of each checkbox. This question is two fold:<br /> 1.) how can I place the background image in only the one page using a style element?<br /> 2.) What CSS elements are responsible for positioning only the check boxes on this page?</p> <p>Here's a sample of the CSS I wrote:<br /> <pre><code>[css] body .gform_page_2 .pain_form {background-color:#DFEFFF; background-image:url(http://topnotchdoc.com/wp-content/plugins/gravityforms/images/body-front.png); background-repeat:no-repeat; background-position: 50% 0; }</code></pre> <p>The .pain_form is the CSS Class Name I used for that page. </p> <p>• Finally, I really need to have the results of the form show up on a webpage for the user to review at the end of their quiz, then allow them to email the results to a sponsor. Can this be done? </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-15822 Mon, 10 Jan 2011 09:17:43 +0000 Kevin Flahaut 15822@https://legacy.forums.gravityhelp.com/ <p>You were close but your CSS rules had a couple of syntax errors. If you'll notice, the snippet you posted above is missing a couple of commas between the different elements your targeting.</p> <p>This works</p> <pre><code>/* gravityforms adjusting contact info area */ body .gform_wrapper .left_label li#field_1_1 .gfield_label, body .gform_wrapper .right_label li#field_1_1 .gfield_label, body .gform_wrapper .left_label li#field_1_2 .gfield_label, body .gform_wrapper .right_label li#field_1_2 .gfield_label, body .gform_wrapper .left_label li#field_1_3 .gfield_label, body .gform_wrapper .right_label li#field_1_3 .gfield_label, body .gform_wrapper .left_label li#field_1_4 .gfield_label, body .gform_wrapper .right_label li#field_1_4 .gfield_label, body .gform_wrapper .left_label li#field_1_5 .gfield_label, body .gform_wrapper .right_label li#field_1_5 .gfield_label, body .gform_wrapper .left_label li#field_1_6 .gfield_label, body .gform_wrapper .right_label li#field_1_6 .gfield_label {width:10%; color:red}</code></pre> <p>screenshot: <a href="http://grab.by/8i9G" rel="nofollow">http://grab.by/8i9G</a></p> <p>As far as the address block, no, there isn't a size option in the form editor since this is a group of fields and not a single input. If you want to change the field sizes, you'll have to target the field using CSS inheritance based on it's parent containers. Again, you can refer to the CSS targeting examples I linked up earlier for the proper way to do that. </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-15805 Mon, 10 Jan 2011 01:32:23 +0000 larabbits 15805@https://legacy.forums.gravityhelp.com/ <p>It's official...I have no idea what I'm doing :-) Based on what you gave me this is what made sense to me but it didn't do squat:<br /> <pre><code>/* gravityforms adjusting contact info area */ body .gform_wrapper .left_label li#field_1_1 .gfield_label, body .gform_wrapper .right_label li#field_1_1 .gfield_label body .gform_wrapper .left_label li#field_1_2 .gfield_label, body .gform_wrapper .right_label li#field_1_2 .gfield_label body .gform_wrapper .left_label li#field_1_3 .gfield_label, body .gform_wrapper .right_label li#field_1_3 .gfield_label body .gform_wrapper .left_label li#field_1_4 .gfield_label, body .gform_wrapper .right_label li#field_1_4 .gfield_label body .gform_wrapper .left_label li#field_1_5 .gfield_label, body .gform_wrapper .right_label li#field_1_5 .gfield_label body .gform_wrapper .left_label li#field_1_6 .gfield_label, body .gform_wrapper .right_label li#field_1_6 .gfield_label {width:10% }</code></pre> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-15804 Mon, 10 Jan 2011 01:21:04 +0000 larabbits 15804@https://legacy.forums.gravityhelp.com/ <p>I hate to ask you this, but I'm not sure how to find the unique id's for the contact info section to move it back to the left. Can you provide the code for me? I'll keep trying maybe I'll figure it out but if you see a bunch of space to the left I didn't! :-)</p> <p>Also, is there a way to make the address fields smaller? It's not under Advanced like the others. </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-15793 Mon, 10 Jan 2011 00:08:48 +0000 Kevin Flahaut 15793@https://legacy.forums.gravityhelp.com/ <p>If you only want these adjusted rules to apply to certain fields instead of all of them, you will need to view the source and get the unique ID of containing list element you want to apply the revised rules to. Then, you'll have to target those using CSS inheritance specifically by ID rather than just applying the new properties to the shared classes.</p> <p>Here's an example of targeting a specific field using inheritance from the parent list element.</p> <p><code>body .gform_wrapper .left_label li#field_1_7 .gfield_label, body .gform_wrapper .right_label li#field_1_7 .gfield_label {width:50%; color:red}</code></p> <p>screenshot: <a href="http://grab.by/8hUa" rel="nofollow">http://grab.by/8hUa</a></p> <p>You also don't need to apply the "text-align:right" rule to the label, you can simply select "right label" in the form options and it does this for you.</p> <p>If you want to change the specific pieces of the advanced/multi-field groups like the address field, you can refer to this guide to show you how to properly target them via CSS.</p> <p><a href="http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/" rel="nofollow">http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/</a> </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-15775 Sun, 09 Jan 2011 22:49:36 +0000 larabbits 15775@https://legacy.forums.gravityhelp.com/ <p>Name Format &gt; Normal is grayed out...if it were not perhaps I could make the field smaller as a single line? The address form fields I also do not see how to make small. </p> https://legacy.forums.gravityhelp.com/topic/text-field-beside-question-instead-of-below#post-15774 Sun, 09 Jan 2011 22:38:49 +0000 larabbits 15774@https://legacy.forums.gravityhelp.com/ <p>I like how it looks now<br /> <a href="http://www.larabbits.org/test/volunteer/volunteer-application/" rel="nofollow">http://www.larabbits.org/test/volunteer/volunteer-application/</a></p> <p>EXCEPT I don't like what it did to the contact info section at top. How can I leave that alone and still make these other changes?</p> <pre><code>body .gform_wrapper .left_label .gfield_label, body .gform_wrapper .right_label .gfield_label { width: 30%; text-align:right } body .gform_wrapper .left_label ul.gfield_checkbox, body .gform_wrapper .right_label ul.gfield_checkbox, body .gform_wrapper .left_label ul.gfield_radio, body .gform_wrapper .right_label ul.gfield_radio { margin-left: 40%;}</code></pre>