What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
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.
Jotform - Various CSS formatting issues among various browsersAsked by fortekfwwd on March 14, 2016 at 06:51 AM
I am using a JotForm on my website and I am facing display issues most likely related to the CSS formatting.
There are 3 main issues I have identified so far:
a) I'm using the prebuilt "address" block in the form. All form fields are shaded in the colors I specified in the CSS - except the Country selection dropdown. This issue prevails among all major browsers (Tested so far: Chrome, Firefox, Opera, IE11, Edge).
How can I make the Country Dropdown follow the same color scheme as the rest of the form?
b) Form size in IE11. The form doesn't get the responsive layout in IE11, and only fills the half of the container div. In all other browsers, it is resized correctly to fit the container.
How do I fix this issue and make the form responsive also in IE11?
c)Submit button. The submit button is colored white in Firefox. All other browsers display it in red, as I defined it in the CSS editor.
How to get the Submit button color persistent across all browsers?
Thanks and best regards,
First of all, I like the design of your form. It is very cool.
I'm using the prebuilt "address" block in the form. All form fields are shaded in the colors I specified in the CSS
To solve that issue, we would appreciate it if you could add the CSS code below from designer.
At that situation, it will work as expected.
I forgot to provide the CSS code for you.
Here is your code:
background-color : #555555 !important;
In addition to that, I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:
Thanks for the help. I was able to extent the provide css with everything else required to make it look like the other fields.
Shows up correctly in preview and jotform editor, so I expect the changes to be propagated to the live site within the next few minutes.
I think this thread can be marked as resolved.