How can I apply my pre-existing website CSS styles to the JotForm?

  • dalta85
    Asked on October 20, 2016 at 8: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?

    Thanks.

  • Chriistian Jotform Support
    Replied on October 21, 2016 at 2:41 AM

    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.
    Regards.

  • dalta85
    Replied on October 22, 2016 at 7:39 AM

    That's perfect and is exactly the sort of thing I was after.  Thank you for letting me know.