I've built a form in the form builder that has several fields in a line next to each other. Yet, when I pull that form into a landing page all of the fields are placed below each other, not as I have built it in the form builder. Is there a best practice for the landing page css to display the form as I have it built?
Solved! Go to Solution.
Sure, that will at least resolve the 3-up switching to 1-up (un-floating = 1-up, floating = 3-up).
For any question like this you need to provide a URL and visual cues (i.e. screenshots).
It's not possible to answer questions about form styling without real-life information.
Thanks Sanford. Here is a link to the screen shot of the form that I built in the form builder.
Here is a link to the landing page where the form is displayed. Notice the formatting changes.
For the future, note that screenshots can be pasted directly into the editor. Makes things a lot easier to follow. I going to copy your s/s inline for other people reading:
What's happening is the 3-up layout in Form Editor is being overridden by other CSS on your page.
For one prominent example, check line #186:
Do you suggest I remove that element of the css to fix the issue?
Thanks Sanford. That appears to have worked.