How to Change Color of the Submit Button?

  • Profile Image
    VIdh
    Asked 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
    mert
    Answered 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
    Vidhi
    Answered 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
    Vidhi
    Answered 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
    mert
    Answered 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
    mert
    Answered 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
    Vidhi
    Answered 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
    mert
    Answered 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
    Vidhi
    Answered 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
    Sammy
    Answered 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.