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

    Contact page needs redesign on CSS?

    Asked by BBC2016 on April 25, 2016 at 10:59 PM

    I'm trying to get my contact form to look like the attached image. It is the same top only form fields as one of my other forms. Can yiou help me make this look like the attached image?? All the form field titles should be in blue not black.


    Page URL:

  • Profile Image

    Answered by BBC2016 on April 25, 2016 at 11:01 PM

    the size of the attached image is not correct - please make the size proportial to the eye. I made the image in paint and I am not very good at this. Also the submit button is the same as on this page - if you can copy and paste it - i dont know how.




  • Profile Image
    JotForm Support

    Answered by Charlie on April 26, 2016 at 03:57 AM

    This is how the form in your website page looks like:

    I see the labels are already in color blue. But I am not sure what layout you would like to have? You mentioned that the attached image is not correct. If you want to position your fields in a new line, this guide will help you: https://www.jotform.com/help/328-How-to-Position-Fields-in-JotForm 


    I am also note sure if you are copy and pasting the codes, I see you have a lot of errors in the CSS code. Please do fix them. 


    After that, try adding this CSS code at the bottom, this should change the design or style of your submit button: 

    .form-submit-button {

        color: #ffffff !important;

        background: #0284c1;

        box-shadow: none;

        text-shadow: none;



    Or you can simply use the Form Designer Tool to redesign the button.

  • Profile Image

    Answered by BBC2016 on April 26, 2016 at 04:14 PM

     You SAID: But I am not sure what layout you would like to have? You mentioned that the attached image is not correct.


    I SAID: The size of the image!!!! I gave you the LAYOUT!!!!!!!!!!!!!!!!!!!!!!!!!!!


    Comeon - are you guys lazy all of a sudden? Please read what I wrote and help me!!! please please!?!?!?!


    I need some help on this and I waited so long for you to write back with assistance or css code and you didnt even read what I wrote - I MADE an image for you to look at and give me css code for or instruct me on how to do it. and u didnt really do either - please help or tell me how much I hafve to pay for someone to help me out.


    U have a great product but this tech support on this thread was not very attentive. I am on a deadline and I just waste like 9 hours waiting for a reply from u.


    please help if u can or tell me where else to go.

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 26, 2016 at 09:02 PM

    The guide provided by my colleague should suppose to help you if you have followed it correctly. It has instructions on how to move fields to the next line or beside the other fields.

    Anyway, I have made CSS corrections in your form because there are lots of errors on the CSS codes injected into it. I have also styled it according to your screenshot, although it is not part of our task to customize user forms. We do it in our own way.

    Please check your form now and let us know if there's anything else you need help with.


  • Profile Image

    Answered by BBC2016 on April 28, 2016 at 12:52 AM

    wow thanks again!! ur really the best there is!