Ready classes: Pre-Defined CSS Classes for Form Field Placement
https://docs.gravityforms.com/css-ready-classes/
Two Column Gravity Forms
http://www.jordancrown.com/revisited-multi-column-gravity-forms/
Moving the Button to the Right Side
.gform_multi_column_wrapper .gform_footer:after {
content: ' ';
display: table;
clear: both;
}
.gform_multi_column_wrapper .gform_footer .gform_button {
float: right;
margin-right: 0;
}
Hide Labels (Goes in Functions of Child Theme)
// enable gravity forms field hiding
if ( is_plugin_active( 'gravityforms' ) ) {
add_filter( 'gform_enable_field_label_visibility_settings', '__return_true' );
}
https://gravitywiz.com/how-to-hide-gravity-form-field-labels-when-using-placeholders/
Hiding labels (CSS solution)
/* gravity forms labels */
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_date_"] label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_date_"] label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
display:none;
}
Variable Width Columns
@media (min-width: 768px) {
.gform_column_count_2_wrapper ul.gform_fields,
.gform_page_column_count_2 ul.gform_fields {
width: 30%;
}
.gform_column_count_2_wrapper ul.gform_fields.column_2,
.gform_page_column_count_2 ul.gform_fields.column_2 {
width: 70%;
}
}
In action:
Integrations
Gravity forms can be integrated into Solve (and other platforms) via Zapier
Google Analytics Event Tracking Integration
https://bigwing.com/nest/gravity-forms-event-tracking-google-analytics/