[appreciadoParticipant]

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;
}

http://appreciado.yourdevsite.ca/

[Nabeel AModerator]

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!

[appreciadoParticipant]

That did it.
Thanks

[Nabeel AModerator]

Glad we could help.

Cheers!

[appreciadoParticipant]

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.

[LelyModerator]

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.

[appreciadoParticipant]

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.

[JoaoModerator]

Glad to hear you found a solution.

This also might help:

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

Thanks

Joao

[appreciadoParticipant]

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

[RadModerator]

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