How to Customize the Submit Button When Using a Theme?

  • Absolutetattoo
    Asked on October 26, 2015 at 11:48 PM

    HI WOULD LIKE TO CHANGE THE BUTTON FOR A THEME 

     

    HAVE SPEND HOURS WORKINGTON IT AND CHANGE NOT CHANGE IT 

     

    PLEASE HELP

    Page URL: https://form.jotform.co/52960564800860
  • mert JotForm UI Developer
    Replied on October 27, 2015 at 8:24 AM

    Hi there,

    Since the theme's CSS is affecting your form. You need to override these style by injecting custom CSS to your form. Below, you will find the CSS that disable the image of the button and you can give a different color to your button. On red marked areas, you can adjust the color of the button.

     

    /*Submit button background color*/

    .form-submit-button {
    background : #585858 !important;
    }

    /* Submit button background color when mouse-over*/

    .form-submit-button:hover {
    background : #151515 !important;

    }

     

    Also, with "color: #FFFFFF !important;", you can change the font color of the submit button.

     

    For further assistance, please let us know.

    Thanks.