Jotform - Various CSS formatting issues among various browsers

  • Profile Image
    fortekfwwd
    Asked on March 14, 2016 at 06:51 AM

    Hello Support,

    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,

    --Markus

  • Profile Image
    beril
    Answered on March 14, 2016 at 09:50 AM

    Hey Markus,

    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.

  • Profile Image
    beril
    Answered on March 14, 2016 at 09:56 AM

    I forgot to provide the CSS code for you.

    Here is your code:

    #input_10_country {

        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:

    http://www.jotform.com/answers/793981

    http://www.jotform.com/answers/793982

  • Profile Image
    fortekfwwd
    Answered on March 14, 2016 at 03:37 PM

    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.