How to add custom CSS codes to your form?

  • Stoupakis
    Asked on July 1, 2019 at 12:58 AM

    Hi there,

    I read in an article that I can style the css of a form via an editor, however I cannot find anything relevant to edit. Can you help me?

    Thanks

  • eralp Jotform Support
    Replied on July 1, 2019 at 2:33 AM

    Hey,

    The form you are currently using is the Card Form. Unfortunately, it's not possible to inject custom CSS codes into Card Form. If you switch your form type to Classic, you can edit your form with CSS.

    Let me show you how you can turn your existing card form to a classic form:

    1. On your form editing page, go to Settings.

    2. On the Form Settings section, click on Show More Options.

    How to add custom CSS codes to your form? Image 1 Screenshot 30

    Then, toggle down until you see Form Layout. Change it from Single Question in One Page to All Questions in One Page.


    How to add custom CSS codes to your form? Image 2 Screenshot 41

    Once you've done that, you can inject your custom CSS codes to style your form. Here's a guide on how you can do that.