WP forms lay-out columns not working

Hi @nikist — Thanks for reaching out!

Did you get a chance to set the Multi column set up as shown here in the guide?

You can also set up the form fields in inline manner as shown in this tutorial.

Hope this helps! ??

Hi @niksebastian,

Thanks for helping me out.
I tried the first link (I followed all steps), but I didn’t work.

The method described in the second link you sent me works, but since I have 9-10 fields, the result is not good.
Everything is indeed on one line, but all text is showing on top of each other because there are too many fields.

Do you have an idea of what I could do/try next?

Additional information:
First, I used a WPFroms template, but I also tried to make a completely new form. I want to put the plain text field with title “adress” next to a drop-down menu “Country”. But no matter what I try, I can’t put them next to each other…

Hi @nikist – Sorry to hear about the trouble you are facing here!

When you get the chance, would you mind helping me with the form URL so that I can take a closer look and if needed help you with the CSS code.

Thanks,

Hi @niksebastian ,
Would this be the form URL?
https://www.woofit.be/wp-admin/admin.php?page=wpforms-builder&view=fields&form_id=404

I’m not sure what URL to send you, WordPress is new to me.
This form is still shown in one line/row (as described in the second link you’ve sent me).
Best regards, Nikita

Hi @nikist – The URL that you have shared is for Admin users only.

In this case, please embed the form on a page and send us the form URL here. In case it helps, here is a guide to embed the form on a page.

Thanks,

Hi, this is the link to the page where the form is embedded:
https://www.woofit.be/modelformulier-voor-herroeping/

My website is “under construction” with the plugin “LightStart – Maintenance Mode, Coming Soon and Landing Page Builder” Can you see the webpage or do I need to remove the “under construction” page?

Hi @nikist – I am unable to view the form as it still shows under construction.

Thanks,

Hi @niksebastian ,
I deactivated the ‘under construction’ plugin. The link should work now:

https://www.woofit.be/retourneren/

Best regards

Hi @nikist – I see the form here

Could you please point me to the exact form field that needs to rearranged?

Thanks,

Hi @niksebastian,

That is indeed the form I mean.
It’s now in 1 row (I followd the instructions on your first reply).
But normally all fields are under eachother.

The fields I want next to each other are:
Adres + Land
E-mail adres + Telefoon
Bestelnummer + Artikelnummer

Thank you in advance,
Best regards

@niksebastian
Update: I undid the changes that caused all the fields to line up. Now you can see the whole form, with all the fields below each other.

I have this problem too but it’s happen recently after updates they have some issues

Hi @nikist – thank you for your patience here!

Could you please make sure the Modern Markup is disabled and then add the form fields along with the classes as shown in this sample screencast.

Thanks,

Hi @csplugins – could you please create a new thread on this?

Thanks,