Form Designer Options

  • Profile Image
    Asked on October 19, 2017 at 09:16 AM


    I've just signed up to the free version of JotForms and created a simple form but I want to adjust some of the styling features - specifically the font size and colour on the header.

    I've checked your FAQs and also the User Guide and both tell me how to do this, but the only options I see on my 'Form Designer' are 'Palettes', 'Themes', 'Custom'.

    Infuriatingly, someone else has had the same problem but I'm denied viewing the solution, even though I'm signed in to my account.

    I know this is just the free version but it is supposed to offer all the features of the subscription version.

    I'll pursue the app for a while longer but only if I can get it to do what I want it to do easily, otherwise, I'll just use a different app.

    IS there an easy solution to this?



    Southampton UK

  • Profile Image
    Answered on October 19, 2017 at 11:50 AM

    On your account you have a possibility to create a form using the 'New Layout' and the 'Legacy Layout'. The 'New Layout' forms can not be designed and do not have Advanced Designer option. 

    If you want to have a possibility to style your form with the CSS codes and change the font family, size, etc., you have to create your form using the 'Legacy Layout'.

    When creating a new form select this option.


    Your Heading Form is created in the 'Legacy Layout' and you can edit it. Or change the layout of your 'New Layout' forms on the Form settings page. 


    You can check this guide for the 'Legacy Layout' forms.

    Form Designer Tutorial: Let's create fantastic forms!

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    Answered on October 20, 2017 at 05:53 AM

    Thank you for such a comprehensive answer - I'm getting the hang of it now.

    One further question:

    I've put a background image behind my form which repeats vertically and switching this option off seems to disrupt other form settings (for example, the width of the field labels). So I've redesigned my form so that it fits inside one copy of the background image.

    However the complete page still scrolls as the form is filled in.

    Is is possible to switch off the page scrolling and instead just have the form to scroll (presumably inside its own 'div' on the page?)



  • Profile Image
    Answered on October 20, 2017 at 10:24 AM


    In order to assist you better I've moved your last question to another thread, we will assist you as soon as possible here: