My site form is http://comparefhahomeloans.com/texas-purchase-loan-request-form/#gf_1
I am trying to get the gfield_description to align perfectly with the dropdown boxes. Looking at the structure I am thinking the only way to accomplish this is to move gfield_description inside of the ginput_container.
Does anyone know how to do this or does anyone know of a better way?
Just to be clear.. Are you talking about the horizontal label/field alignment or the actual description text (in green) being aligned vertically with the select fields?
By default the descriptions are aligned vertically under the field. I see that you have a 80% left margin applied to the descriptions which is overriding the defaults.
Also, there's no need to try to rearrange the markup, and you can't change it anyhow without hacking the plugin. All you need is to get your CSS fixed up to make this happen.
Please clarify exactly what you're trying to do for me and I'll be happy to offer some suggestions.
Okay, understood. Thanks for the clarification. I'll take a look at it and post something back in a few.
You can try this.
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction {
margin-left: 80%;
padding-left: 0;
position: relative;
top: -40px;
margin-bottom:-30px
}screenshot: http://grab.by/8o8m
You may need to tweak it a bit here and there, but it should get you close to where you want to be