Form problems depending on browser

Hi, I am having some problems with how my form displays depending on both the browser and the computer. I will attach some images so you can see the issues.

1. When viewed on Firefox on my PC the form looks how I want it to apart from the bottom border is not visible (first image)

2. When viewed on Firefox on a different PC the form does not display the correct font.

3. When viewed in Chrome the form becomes longer as some of the field boxes (dates of travel) appear under the field names instead of beside them. (image 4)

Are these problems you can help with or are they to do with my Wordpress theme?

Thanks!

Hi jmuskus,

I have encountered this type of issue before to one of my form and found out that the issue is had something to do with Custom CSS injected in the form. Would you mind if I ask URL of your website where your form is embedded so I can check the issue?

Thanks,

My site is currently in Coming Soon mode. This is the form I am working on: http://www.jotform.com//?formID=42535606641352 if that helps or will you need access to the site as well?

Hi jmuskus,

It's much easier to spot the issue of your form if you also share the URL of your website where the form is embedded. Would you mind sharing it with us, so we can help you also to fix the issue?

Thanks!

The issue seems to be rendering Google fonts on the browser. The form loaded fine on Chrome, but the fonts didn't render on Firefox at my end. Could you try replace the below part of injected CSS code by following the steps provided in the guide Beautify-your-Form-with-Google-Web-Fonts?

After replacing the above code with the following code, it rendered correctly on both browsers.