3dp
Member
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.
http://www.gravityhelp.com/forums/topic/label-to-left-of-only-certain-fields isn't seeming to do the trick, especially when I want the field to be to the left with the label on the right.
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?
3dp
Member
Rob,
Thanks... Unfortunately, I don't have a URL that I can share. The form is behind a wall.
Here's what I have in my CSS:
#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%;
}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.
Can you export the form and send the XML file to me and reference this post so I can take a look.
So here is a screenshot of one field example. In my dev site this was how I had to target those two:
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.
3dp
Member
Thanks... it's pretty close now.
This is what I've got and it's works!
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;
}Right on Paul, glad to help out!