How can I change the color of the Clear button?

  • garymichael
    Asked on March 13, 2017 at 4:09 PM
    Okay great thanks, I was able to change the submit button but not the
    "clear form" button. So I just deleted it. But if you could look at the
    primary form, not the clone, to see how to add the clear form color
    adjustment that would be great.
  • Aurora JotForm Support
    Replied on March 13, 2017 at 7:52 PM

    Hello,

    You may go ahead to remove the Clear button as follows:

    Click at the Submit/Clear button area, then click the guear at the upper right side, from the panel on the righ click the Advanced tab, then click at Reset Button to Off position, as shown below:

    How can I change the color of the Clear button? Image 1 Screenshot 20

    If you have additional questions, please let us know.

    Regards.

  • garymichael
    Replied on March 13, 2017 at 8:46 PM
    Yeah I did that. But I still would like to know how to change the "Clear
    Form" button in case I add it later.
    ...
  • liyam
    Replied on March 13, 2017 at 11:54 PM

    Hello garymichael,

    following Kevin_G's post from the other thread, you can refer to this CSS code:

    .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print{
        background: #C80D86 !important;
    }

    The one in bold is the one responsible for responding to the changing of the background color of the clear form button. So if you want a different color for it other than the one from the submit button, you can try this code:

    .form-submit-reset {
    background: red;
    }

    Note: red can be changed to other name or hex colors.

    Hope this gives clarification to your concern. If you have additional questions, please let us know.

    Thanks.