Docs

[appreciado]

Hi there,
I have a problem with the gravity forms not showing in 2 columns correctly.
I did include the following, however the column is still not displaying correctly in the 2nd column.

body .gform_wrapper .top_label input.medium, body .gform_wrapper .top_label select.medium, body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {
    clear: none !important;
}

Your Business

[Nabeel A]

Hi there,

Please replace your code with one:

body .gform_wrapper .top_label input.medium, body .gform_wrapper .top_label select.medium, body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {
    clear: none !important;
    margin: 0 !important;
}
.gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield {
    margin: 0 !important;
}

Let us know how this goes!

[appreciado]

That did it.
Thanks

[Nabeel A]

Glad we could help.

Cheers!

[appreciado]

I’ve got another issue with the form.

The sequence of the fields are as follows:
http://www.awesomescreenshot.com/image/1675658/0e36813f5446c8ed30149db4115d5861

We need them to show up like this:
http://www.awesomescreenshot.com/image/1675668/75b3aa11c83ddd394ec889962b8cc585

They are showing up like this:
http://www.awesomescreenshot.com/image/1675671/c439a23a1b58dfa1c345c848eeb6dc60

We are using the Gravity css to break the fields in their respective columns:
gf_left_half
gf_right_half

But they are not showing up that way.

[Lely]

Hi There,

Can you try changing the sequence of the element?
Name(gf_left_half) > Industry(gf_right_half) > Business Name(gf_left_half) > Business Type(gf_right_half) and so on. Do let us know how this goes.

[appreciado]

I ended up having to put the fields that were to show up side by side in their own section in order to make it work.

[Joao]

Glad to hear you found a solution.

This also might help:

https://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

Thanks

Joao

[appreciado]

Well that’s the problem. I used the 2 column css classes from Gravity forms but it didn’t help.

[Rad]

Hi there,

Attached is the screenshot of what I’m getting, which almost the same as http://www.awesomescreenshot.com/image/1675668/75b3aa11c83ddd394ec889962b8cc585 (except styling and name field).

What browser you’re testing it on?

Thanks!

[Author]

Posts