JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I fix form designer not displaying styling properly?Asked by wagrosnow on February 22, 2016 at 12:59 PM
I am trying to fix a design error on our site and finding a lot of things I am maybe not understanding correctly:
1. In the developer tool for the main survey page, it shows one thing, yet my live version is different? Why is this?!2. Is there a way to auto email anyone who completes the survey? If so, how can I have an automatic email sent to someone who just registered without having to manually input their email into a list?
3. How do I change the font text within a dropdown box? Right now it is like a cursive and I can't find the field to change the dropdown.. I can updated the question text, but not the answers.
From what I see and understand of your issue currently it looks like you are having some trouble with getting your form to display correctly after using the formdesigner.
I found that I am able to replicate the problem when looking at it further and I think it is probably an issue with the css and the default theme overriding it somewhere but please allow us some time to investigate this problem further and we will respond to you again shortly.
Additionally, you had another question about sending emails to anyone completing your form so I have moved that to this new thread here.
I believe I've found the cause of the problem.
After spending some extra time on this investigating your issue I believe you might have cloned a form with the applied theme on it.
So because of that the form is using the theme's hosted files on our server as it's default styling and that is the reason why when you compare it you are seeing it displaying differently.
The css code below will force your applied new background image to override the theme's. And the second line of css code after that fixes your dropdowns. Any additional changes you could still do through the formdesigner which applies custom css to it.
font-family : "Arial", sans-serif;
SCREENSHOT OF NEW RESULT: