How to change the color for the form submit button?

  • Profile Image
    Asked 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 !!



    Elite Media Design

  • Profile Image
    Answered on February 20, 2016 at 03:41 PM


    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 form 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.

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

    Please let me know if this works for you.

    Best regards.