What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Form fields don't render correctly

    Asked by estice on January 15, 2016 at 09:38 AM

    Hello,

    I have created a form to collect info for a school application. The form looks fine when I am editing in JotForm, but one section (the Parent/Guardian section) of the form will not render correctly when I preview in the browser (I've tried Chrome, Firefox, Safari, and MS Edge). Please advise... I've attached screenshots.

    Form In Edit mode

     

    Form Rendered in FireFox

     

    The form will eventually be embedded at this URL

    Thanks!

     

    Page URL:
    http://www.phoenixms.org/index.php/about-about-us/how-to-apply/14-pare<br/>nts/101-phoenix-application

    Screenshot
    correctly JotForm uploads height jpg
  • Profile Image
    JotForm Support

    Answered by Charlie on January 15, 2016 at 12:09 PM

    May we know what is the correct styling you would like it to have? I see that you have custom CSS code in your form that is inserted and the Form Designer seems to be conflicting with the current design you have.

    I have opened your form designer tool, and implemented the changes just like how it is shown in the form builder. Could you kindly check your form again. To make necessary adjustments, you can follow this guide on how to use it: http://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms- 

    Let us know if that works.

  • Profile Image

    Answered by estice on January 24, 2016 at 12:51 PM

    Thanks Charlie,

    Specifically, I am trying make the text in the "Parent" sections of the form the same color as the other text (NOT white), so that it will show with a white background. I have looked at the guide, and can't seem to get it. Any advice would be welcomed.

    Thanks !

  • Profile Image

    Answered by Carina on January 24, 2016 at 04:14 PM

    Please try adding the following css code:

    .form-label {

        font-weight : 400;

         color : rgb(121, 38, 23) !important;

    }

    As an alternative you can clone the demo form:

    https://form.jotform.com/60236192965965 

    Let us know if we can assist you further.