Hi guys,
I need some help figuring out how to position the submit button for a form that needs to be inline (all fields + submit button on same line) over here:
http://brewponydev.wpengine.com/coming-soon
I can sort of figure out how to do it myself, but things start to break with validation errors and moving the submit button with big margins definitely makes things go wonky with responsive design.
What's the *right* way to do this?
Thanks,
Tyler
Tyler,
You could try floating, perhaps something like:
[css]
#field_5_1 {
float: left;
}
#gform_wrapper_5 .gform_footer.top_label {
float: left;
clear: none;
}Also, you could always disable the CSS output on the Gravity Forms settings page if needed. In some cases, it might be easier from the ground up to do that.
You would also then need to clear you content below.
Thanks, Rob. What do you mean by "clear your content below"? I don't know what that means.
Also, is there a way to selectively remove GF CSS to just one form? I have a number of forms on the site using GF styling just fine. I don't really want to have to rebuild for all of them...
Hey Tyler,
I'm trying to do something similar. I'm using the CSS Ready Class of gf_inline on the form fields, but not sure what the best way to position the submit button is. If you found a solution, I'd love to hear it. :)
Cheers,
Carrie
@cdils, you have to position the submit button independently, not with the CSS ready classes, because it's not a list item in the form. The footer is separate from the input elements. Here is a comprehensive explanation http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798
You're welcome @cdils.
