https://legacy.forums.gravityhelp.com/topic/mixed-label-placement Gravity Support Forums Topic: Mixed Label Placement en-US Sun, 19 Apr 2026 21:43:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56404 Tue, 24 Apr 2012 15:43:04 +0000 Rob Harrell 56404@https://legacy.forums.gravityhelp.com/ <p>Right on Paul, glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56402 Tue, 24 Apr 2012 15:37:32 +0000 3dp 56402@https://legacy.forums.gravityhelp.com/ <p>Thanks... it's pretty close now.<br /> This is what I've got and it's works!<br /> <pre><code>li#field_11_176 .gfield_label, li#field_11_178 .gfield_label, li#field_11_180 .gfield_label, li#field_11_182 .gfield_label, li#field_11_184 .gfield_label { margin: 5px 0px 0 5px; text-align: left !important; float: right; width: 590px; } #input_11_176, #input_11_178, #input_11_180, #input_11_182, #input_11_184 { float: left; width: 30px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56393 Tue, 24 Apr 2012 14:59:01 +0000 Rob Harrell 56393@https://legacy.forums.gravityhelp.com/ <p>So here is a <a href="http://www.evernote.com/shard/s212/sh/745cec66-876f-43ef-b426-64738b3eb844/0f13094315ff5e7f8f5b86b9e866da6e" rel="nofollow">screenshot</a> of one field example. In my dev site this was how I had to target those two:</p> <p><a href="http://www.evernote.com/shard/s212/sh/41b94ad8-2e0e-4942-912a-9df344d5aed7/dd2607967574624b7a69c2a0adad8948" rel="nofollow">Label</a></p> <p><a href="http://www.evernote.com/shard/s212/sh/0b78fa4b-8f05-45fa-b093-9399f340416e/f20d628925f15d6766649fcc218b56a7" rel="nofollow">Input</a></p> <p>Your form ID might be different, as well as your field IDs. So you'll need to inspect your code using Chrome Dev Tools or Firebug for Firefox to find the IDs. So you can follow my example in the two screenshots above. </p> https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56380 Tue, 24 Apr 2012 13:11:10 +0000 Rob Harrell 56380@https://legacy.forums.gravityhelp.com/ <p>Can you export the form and send the XML file to me and reference this post so I can take a look.</p> <p><a href="mailto:rob@rocketgenius.com">rob@rocketgenius.com</a> </p> https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56379 Tue, 24 Apr 2012 12:52:14 +0000 3dp 56379@https://legacy.forums.gravityhelp.com/ <p>Rob,</p> <p>Thanks... Unfortunately, I don't have a URL that I can share. The form is behind a wall.</p> <p>Here's what I have in my CSS:<br /> <pre><code>#input_11_176 .gfield_label, #input_11_178 .gfield_label, #input_11_180 .gfield_label, #input_11_182 .gfield_label, #input_11_184 .gfield_label { float: left; margin: 0; } #input_11_176, #input_11_178, #input_11_180, #input_11_182, #input_11_184 { width: 5%; }</code></pre> <p>What's happening is that the label is to the left and the input box is below the label to the left. I'd like the input box to the left with the label to the right on the same line. </p> https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56374 Tue, 24 Apr 2012 12:34:17 +0000 Rob Harrell 56374@https://legacy.forums.gravityhelp.com/ <p>This can be done with CSS, because each field has it's own unique ID. So you'd just stick with the top label placement, then we'd need to use custom CSS for the others. Do you have a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/mixed-label-placement#post-56372 Tue, 24 Apr 2012 12:30:04 +0000 3dp 56372@https://legacy.forums.gravityhelp.com/ <p>Is it possible to mix label placements? For most of my form, I'd prefer top placement. But I have a section or two where left or right placement is preferred.</p> <p><a href="http://www.gravityhelp.com/forums/topic/label-to-left-of-only-certain-fields" rel="nofollow">http://www.gravityhelp.com/forums/topic/label-to-left-of-only-certain-fields</a> isn't seeming to do the trick, especially when I want the field to be to the left with the label on the right. </p>