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

    How to Change Color of the Submit Button?

    Asked by VIdh on November 24, 2015 at 08:15 AM

    I have try many times for change submit button color but it is not reflecting?

    So what can i do?

  • Profile Image
    JotForm Support

    Answered by mert on November 24, 2015 at 08:31 AM

    Hi again,

    You can easily change color of your submit button on "Designer" in the "Form Builder". To do that, please follow the steps from the below:

     

    All you need to do is select the "Submit" button with your mouse after opening the "Designer". Then, "Button Styles" tab comes up on the right side of the screen. Finally, select the desired color on "Background Color" option.

     

    For further assistance, please don't hesitate to contact us.

    Thanks.

  • Profile Image

    Answered by Vidhi on November 25, 2015 at 01:46 AM
    Hello
    I have try id but still no color change.
    see this : https://www.jotform.com//?formID=53241406831448
    and also i want to change hover color.
    ...
  • Profile Image

    Answered by Vidhi on November 25, 2015 at 01:46 AM
    Hello
    Yes i also want to change hover background color but there is no option for
    it.
    I have try through css but still it is not working
    Can you check it? and if You want my login details then tell me i will
    send you

    Thanks,
    ...
  • Profile Image
    JotForm Support

    Answered by mert on November 25, 2015 at 03:18 AM

    Hi there,

    I cloned your form and tried to inject some custom CSS to change its submit button's color. Please, try to add the following code. According to my checks, you already added this one; but you forgot to add "!important", that's why it has not worked.

     

    .form-submit-button {

    background-color: green !important;

    }

     

    Also, you can check the cloned form with greened submit button:

    https://form.jotform.com/53281161699967

     

    Thanks.

  • Profile Image
    JotForm Support

    Answered by mert on November 25, 2015 at 03:23 AM

    In addition, I moved your second question to another thread. It will be answered right away. You can easily access it from the link below:

    http://support.jotform.com/answers/711605

     

    Also, you don't need to give the account details, we can able to access your account, if it is necessary.

     

    Thanks.

  • Profile Image

    Answered by Vidhi on November 25, 2015 at 05:46 AM
    Hello Team,
    Thanks a lot for your Response.
    You guys are really good and give such good reply.
    Now how to i integrate my SMS module with this form.
    I have SMS module and i want to integrate it with form but i dont know how
    to i do this?
    So can you please help me?
    Thanks once again

    ...
  • Profile Image
    JotForm Support

    Answered by mert on November 25, 2015 at 07:13 AM

    Hi again,

    You are most welcome and thank you for your great words. I'm glad to see that it's working for you. I also need to move your new question to another thread. Below, you will see the link of that thread:

    http://www.jotform.com/answers/711691

     

    Have a great day.

  • Profile Image

    Answered by Vidhi on November 27, 2015 at 04:46 AM
    Hey I have tried for it but same next day it will come with same color.
    I want to background-color: none and i make it !important but still it come
    with your base color
    And see my form *https://form.jotform.me/53241406831448
    ?* when i click on any place of
    Address area it takes Background-color and it looks dirty.and it never goes
    till i refresh page.Sometime this can be done with other Fields also.
    Please do Something I want it Perfect.
    ...
  • Profile Image

    Answered by Sammy on November 27, 2015 at 05:20 AM

    I presume you are referring to the orange color when the cursor is hovered above the button.

    To override it use the following CSS code.

    .form-submit-button:hover {
    background-color : green !important;
    }

    Here is the demo form http://www.jotformpro.com/form/53301882208956

     

    Let us know if there is another aspect you want modified.