Docs

[ahurlburt53]

This form was displaying correctly until X update. Please help me get the form to look god and display horizontal box labels

screen shot http://i.imgur.com/BhPIwp9.png

website
http://veranosresources.com/

[ahurlburt53]

disregard, its working now

[Thai]

Glad it works 🙂

If you need anything else please let us know.

[ahurlburt53]

The form is acting up again http://i.imgur.com/Pqyvp7Z.png

http://veranosresources.com/

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[ahurlburt53]

This reply has been marked as private.

[Christian]

Please add the code below in your Appearance > Customize > Custom > Global CSS

#gform_wrapper_2 .top_label li.gfield.gf_left_third, #gform_wrapper_2 .top_label li.gfield.gf_middle_third, #gform_wrapper_2 .top_label li.gfield.gf_right_third {
    float: left;
    clear: none;
}

.gform_wrapper form.gf_simple_horizontal div.gform_body {
    width: 100% !important;
}

Thanks.

[ahurlburt53]

That did it tytytytytty

[ahurlburt53]

doesn’t look so good on mobile

[Joao]

Hi There,

Lets warp this code in a media query, please try the following code instead:

@media screen and (min-width: 969px) {
#gform_wrapper_2 .top_label li.gfield.gf_left_third, #gform_wrapper_2 .top_label li.gfield.gf_middle_third, #gform_wrapper_2 .top_label li.gfield.gf_right_third {
    float: left;
    clear: none;
}

.gform_wrapper form.gf_simple_horizontal div.gform_body {
    width: 100% !important;
}
}

Let us know how it goes,

Joao

[Author]

Posts