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

  • Profile Image
    Asked 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?


  • Profile Image
    Answered on October 21, 2016 at 02: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.

  • Profile Image
    Answered on October 22, 2016 at 07:39 AM

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