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 apply my pre-existing website CSS styles to the JotForm?Asked by dalta85 on October 20, 2016 at 08:55 PM
I already have a website with a CSS file that controls all styles site-wide.
Rather than create new CSS styles with my JotForm using their editor, I would like to apply the existing styles my website uses.
However, I can't seem to find any option in the CSS settings to apply this (e.g. set the submit button to use the "btn1" class). Worse, the JotForm appears to be embedded as an iframe so it ignores my website's CSS file anyway and just uses its own.
My question is how can I fix this so the JotForm can use my website CSS file that already exists instead of me having to create a new duplicate in JotForm?
To apply your website's CSS and set you custom classes to the form, you will need to download the full source code of the form and host the files on your own server. By downloading the source code, you will be able to modify the classes on your form and embed it directly to your page without using an iFrame. Please follow this guide on How to get the Full Source Code of your Form.
If you need further assistance, please let us know.
That's perfect and is exactly the sort of thing I was after. Thank you for letting me know.