Pixel 2 defult template and Formidable forms with 2 columns layout
Permalink Browser Info Environment
My client website has a few long forms, and I am using Formidable forms Plug-in to create the forms in two columns, to provide a nicer layout, the forms look great, except the default pixel theme is placing the columns on the form, together, "0" pixel distance in between the fields, I placed a support ticket with the developers of the plugin, and they reply to reach to the developers of the theme. because the resulting layout is generated by the website theme.
How can I adjust the space for the form fields? can I add a class or something like that?
In the attached image you can see the first fields on the form, but the form has about 10 fields on each column
How can I adjust the space for the form fields? can I add a class or something like that?
In the attached image you can see the first fields on the form, but the form has about 10 fields on each column
Type: | Ticket |
---|---|
Status: | Resolved |
Hello shahroq, just wondering if received the private msg, Thank you :-)
Hi,
Plz, paste this piece into your site custom.dev.less file and it should create the space between columns. If you don't know how to use custom.dev.less file, check the Instructions page #18.
Plz, paste this piece into your site custom.dev.less file and it should create the space between columns. If you don't know how to use custom.dev.less file, check the Instructions page #18.
@col-space: 15px; @media only screen and (min-width: 641px) { .formidable .formidable_column.width-6:not(.last) { padding-right: @col-space; } .formidable .formidable_column.width-6.last { padding-left: @col-space; } }
Thank you works perfect :-)
Plz, send me a live link here or via private msg so I can take a look.