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 the color for the form submit button?

    Asked by EliteMediaDesign on February 20, 2016 at 09:09 AM

    Hi Support,

    We are unable to change the color for the below two forms which are created using a template we need this color to be either yellow or Dark pink which matches the form !!

    http://missinggrace.liveeditaurora.com/pages/volunteer

    http://missinggrace.liveeditaurora.com/pages/donate

     

    Thanks,

    Elite Media Design

    Page URL:
    http://missinggrace.liveeditaurora.com/pages/donate

    form submit how how to change change the color
  • Profile Image
    JotForm Support

    Answered by Nik_C on February 20, 2016 at 03:41 PM

    Hi,

    Nothing from form builder settings doesn't work on your button. You can try to delete it and try again to add it and then change color.

    You should be able to change button style by clicking on button and choosing button style, but in your case it does not work because changing style for button changes only look of animation on button hover. 

    A menu should show up where you can change style to your button. This does not work for button on your theme. This happens because theme that you are using overrides your form settings

     

    However, I managed to change your button's color by inserting custom CSS to your form. Go to preferences and click on Form Styles tab.

    When you click on Form Styles tab, you should see Inject Custom CSS row.

    Click on CSS code on the right and insert the following CSS code snippet.

    Be careful not to delete anything when adding this CSS because that will break your forms design. 

     

    .form-submit-button {

        background-color:pink !important;

    }

    If basic pink color does not work for you you can use Hexadecimal value of color you want and insert it instead of pink keyword.

    You can look up more on Hexadecimal values on this link.

    http://www.w3schools.com/html/html_colors.asp

    And here you can find color picker so you can find hexadecimal value of color easily

    http://www.w3schools.com/colors/colors_picker.asp

    Please let me know if this works for you.

    Best regards.