How to Customize the Submit Button When Using a Theme?

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

  • Profile Image
    mert
    Answered on October 27, 2015 at 08: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.