Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save flexseth/74b407e64037af1b0990c182840b6b2f to your computer and use it in GitHub Desktop.
Save flexseth/74b407e64037af1b0990c182840b6b2f to your computer and use it in GitHub Desktop.
Gravity Wiz // Gravity Forms // Horizontal Form Helper Styles
/*
* Details for adding the CSS classes listed here
* https://gravitywiz.com/build-horizontal-forms-gravity-forms/
*/
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
padding-top: 0 !important;
}
.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
margin-bottom: 0 !important;
}
.gf_simple_horizontal_wrapper li.hidden_label input {
margin-top: 0 !important;
}
body .gf_simple_horizontal_wrapper .top_label div.ginput_container {
margin-top: 0 !important;
}
.gf_simple_horizontal div.gform_footer.top_label {
width: auto !important;
vertical-align: top !important;
}
.gf_simple_horizontal div.gform_body {
width: auto !important;
}
.gf_simple_horizontal div.gform_footer.top_label input[type="submit"] {
line-height: 26px;
font-size: 13px;
padding: 0 24px;
text-transform: uppercase;
letter-spacing: 1px
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment