How to change the color for the form submit button?

  • EliteMediaDesign
    Asked on February 20, 2016 at 9: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

  • Nik_C
    Replied on February 20, 2016 at 3: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. 

    How to change the color for the form submit button? Image 1 Screenshot 40

    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.

    How to change the color for the form submit button? Image 2 Screenshot 51

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

    How to change the color for the form submit button? Image 3 Screenshot 62

    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.

    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.