Docs

[Derek]

Hello,

My Gravity Forms were displaying beautifully until recently, and now none of them are working. gf_left_half, gf_right_half, etc

I’ve built a test page to illustrate this:
https://forkmonkey.com/gftest

Existing form on the site is:
https://forkmonkey.com/apply

Could you let me know how to fix this please?

Thank you!

[Derek]

This reply has been marked as private.

[Jade]

Hello Derek,

To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .gform_wrapper ul li.gfield {
   clear: none !important;
}

Hope this helps. Please let us know how it goes.

[Derek]

Hey Jade,

Thanks so much – this worked but only partially.

For gf_left_half / right_half columns it worked, and also for column lists … but for gf_left_third / gf_middle_third / gf_right_third it did not work.

Also there’s some funkiness with the text alignment within the fields, and alignment issues with the First Name / Last Name fields with the rest of the fields (as you can see in the attached screenshot).

Note that the example form provided is form #1 in the backend (member application) and the screenshot is of page 2 of that form. You can find it on this page: https://forkmonkey.com/apply – the social fields (Instagram, Facebook, Twitter) have the ‘third’ CSS styling applied but are not working.

Let me know if you have any questions, and thanks very much!

[Rad]

Hi there,

Please replace this CSS,

.site .gform_wrapper ul li.gfield {
   clear: none !important;
}

with this

@media only screen and (min-width: 641px) {
body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half, body .gform_wrapper .top_label li.gfield.gf_left_third, body .gform_wrapper .top_label li.gfield.gf_middle_third, body .gform_wrapper .top_label li.gfield.gf_right_third {
    float: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: none !important;
}
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        width: 31.3% !important;
}
}

Hope this helps.

[Author]

Posts