https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother Gravity Support Forums Topic: Set Label Field Position and Setting 2 Forms Next to Eachother en-US Mon, 20 Apr 2026 03:27:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-110573 Sat, 29 Dec 2012 12:47:50 +0000 Chris Hajer 110573@https://legacy.forums.gravityhelp.com/ <p>I could not get your form to load. The site comes up, but the page is blank. That is a different problem.</p> <p>However, if you added a class to the fields in the form builder of "navlist" then your CSS is incorrect. You are targetting ID not Class. Change #navlist to .navlist and it will apply to classes. </p> <p>Your CSS could be a little more specific as well, but the first problem is that you are targetting an ID rather than a Class, which is what Gravity Forms will add: a CSS class name. </p> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-109676 Fri, 28 Dec 2012 06:50:52 +0000 RobertR 109676@https://legacy.forums.gravityhelp.com/ <p>It works, the second field label is overlapped by the field itself but that's okay. Thanks for the help Chris :)</p> <p>Got any thoughts on the icons? I tried adding a new CSS class and assigning that to specific fields but that didn't work, the code I tried;<br /> <pre><code>[css] #navlist { margin-left: 0; padding-left: 0; list-style: none; } #navlist li { padding-left: 10px; background-image: url(http://gepiept.nl/wp-content/uploads/2012/12/arrow.png); background-repeat: no-repeat; background-position: 0 .5em; }</code></pre> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-106452 Sun, 23 Dec 2012 11:57:38 +0000 Chris Hajer 106452@https://legacy.forums.gravityhelp.com/ <p>The width of the left label is set to 29% by Gravity Forms. You can override this by adding this CSS to your theme's style.css:</p> <pre><code>[css] body .gform_wrapper .left_label .gfield_label { width: 60%; /* change this 60% to whatever width you want */ }</code></pre> <p>There may not be a good way to have the text not wrap onto two lines because the label has so much text. You might need to put the label in an HTML field above these drop downs, or maybe you can shorten the text. </p> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-106404 Sun, 23 Dec 2012 08:35:22 +0000 RobertR 106404@https://legacy.forums.gravityhelp.com/ <p>Yeah I changed something in the functions.php .. which i shouldn't have done haha ;p It's back online now &gt; <a href="http://gepiept.nl/plaats-schoonmaak-klusje/" rel="nofollow">http://gepiept.nl/plaats-schoonmaak-klusje/</a></p> <p>Thanks for the support! It took me 2 days of pondering whether I needed GF but seems like to have been a good choice :) </p> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-105635 Fri, 21 Dec 2012 23:21:49 +0000 Chris Hajer 105635@https://legacy.forums.gravityhelp.com/ <p>Can you make the change on the live page and post the link again so we can see the progress? We can help with the additional CSS required. I received a 404 Not Found error when trying to access the initial link you posted. </p> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-104981 Thu, 20 Dec 2012 12:39:16 +0000 RobertR 104981@https://legacy.forums.gravityhelp.com/ <p>Thanks for the reply, it worked partially. Because of the length of the first label field it get's misaligned, is there any way around this?</p> <p>The icon would purely be for clarification and decoration, to style the form a bit. I would like the icons to appear in front of the Label Fields. Example; <a href="http://postimage.org/image/446pox3w5/" rel="nofollow">http://postimage.org/image/446pox3w5/</a> </p> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-104963 Thu, 20 Dec 2012 12:04:20 +0000 Chris Hajer 104963@https://legacy.forums.gravityhelp.com/ <p>You can add the CSS Class Name "gf_inline" to the two drop downs on the advanced tab of the form builder. You can also add the CSS class of "left_label". The CSS Class Name field for both fields will then look like this:</p> <pre><code>[css] gf_inline left_label</code></pre> <p>Be sure to put a space between the two attributes.</p> <p>That will get the two fields side by side, with the label on the left.</p> <p>You might have to add an HTML field right before the first drop down, with this content:<br /> <pre><code>[html] &lt;br style=&quot;clear:both;&quot; /&gt;</code></pre> <p>Please explain what icon you want to use and where you want to show up, for which fields. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/set-label-field-position-and-setting-2-forms-next-to-eachother#post-104935 Thu, 20 Dec 2012 10:22:36 +0000 RobertR 104935@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I tried the search but that didn't work out for me, not sure why. The form I am trying to edit is;<br /> <a href="http://gepiept.nl/wp/plaats-een-klusje" rel="nofollow">http://gepiept.nl/wp/plaats-een-klusje</a></p> <p>If you'll click through you'll see the field I want to change about halfway the page; the 2 dropdowns with field label: "Deze klus moet worden uitgevoerd op" and "om". I am trying to</p> <p>- Set a icon for this field (if you could point me in the right direction that would be great!)<br /> - Get the label field next to the input field<br /> - Getting those 2 fields next to each other</p> <p>So, ideally it would be like this;<br /> <a href="http://postimage.org/image/n9iqum38r/" rel="nofollow">http://postimage.org/image/n9iqum38r/</a></p> <p>I was hoping to find the answer for the latter in <a href="http://www.gravityhelp.com/forums/topic/data-fields-in-same-row" rel="nofollow">http://www.gravityhelp.com/forums/topic/data-fields-in-same-row</a> but that didn't work. Any help would highly be appreciated! </p>