My form address labels look like they belong to the field fill in area below the area they should be. How can I close up so the label title is close below the fill in field. This is only in the Address box or group.
Thank you for any advice. The URL is http://www.webnut1.com/baccari go to Birthday Club.
Pat
In your theme's style.css you have:
[css]
.entry-content input {
margin: 0 0 24px 0;
}That margin is causing the gap. You can either adjust that here, or get more specific with your selector when it comes to Gravity Forms, such as:
[css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
margin: 5px 0 0 0;
}Sounds good, let us know if you run into any issues.
Is it possible to get a choice for the placement of the address labels? I find that a lot of visitors are confused by the label placement under the fields. Even if the margin between input filed and label is very small.
For some forms I returned to adding the address in separate fields, because of a lot of wrong input from the submitters.
Yes, this is an option in the form settings area of the form builder:
craigedmonds
Member
Hi Rob,
The labels are still showing below the inputs.
See: http://www.screencast.com/t/AfRsPKIsm
Lots of people get confused with the labels being underneath!
Kindest Regards
CraiGe dmonds
Solved mine by creating custom jQuery code.
//#input_1_1 is the id of my advanced field Name
//#input_1_2 is the id of my advanced field Address
jQuery('#input_1_1 span, #input_1_2 span').each(function(){
var label = jQuery(this).children('label');
var input = jQuery(this).children('input').detach();
jQuery(input).insertAfter(label);
})
//#input_1_2_4 is the id that contains the dropdown and #input_1_2_4_label is the label for that dropdown
jQuery('#input_1_2_4').detach().insertAfter('#input_1_2_4_label');
craigedmonds
Member
Hi 44 pixels.
That looks good and I dont mean to sound like an idiot, but is there any other code needed?
I just cannot get it to work.
:o(
I am not a jquery person so am not sure how to implement it.
Kindest Regards
Craig Edmonds
Craig, if you can show us what you did, including the code you used and a site where we can see your work, we might be able to help you.
