2 columns on mobile

Not sure if this will help, but you can add your own classes to the HTML on the form's settings/customize HTML screen. Then you can add the custom CSS to the appropriate media queries in your theme's style.css.

Thanks for the reply!

Sounds a bit too complicated as i have quite a few forms ( 20 ) so there might be an issue where one form might not display correctly. Is it possible to add css to each form or will it be a global effect ?

cheers

steve

Adding classes on the settings/customize HTML page applies to each form individually. But as with anything CSS, you can qualify specific classes with the form id. For example, let's say you have a form with the id of contact-form. You might add a custom class to a field on that form. The class name is my-custom-class.

Now, if you add my-custom-class to fields on other forms, it would have a global impact if you added the following css to styles.css:

.my-custom-class {
color: red;
}

To further qualify this so the contact-form is different, you would use:

#contact-form .my-custom-class {
color: blue;
}

It's all up to you about how you want to apply the CSS.

HI Vfontjr,

Thats a bit out of my remit at the moment.  I would'nt know how to create the second column or float the next filed to the right of the other field. Think i need a crash course in css :(

thanks

steve

Hi,

Would disabling the media query or overriding it do what i need?

If so, would anyone know the command for this ?

thanks

steve

You can't disable a media query. The CSS in question is likely coming from Formidable's CSS. You can override media queries with new CSS, but you already mentioned that it's a little beyond your CSS skill set. Perhaps you'd consider hiring a developer for a few hours?