How to change hover color of next and submit button

  • sjashnani
    Asked on February 4, 2018 at 2:53 AM

    Hi 

    I need to change the hover color of the next and submit buttons in my form.

    Currently it is defaulted to orange and I want to change to HEX #134F7A

    Please provide the CSS.

  • Support_Management Jotform Support
    Replied on February 4, 2018 at 5:00 AM

    The button appears to be using a gradient and not a solid color. I can see a few lines of custom codes already injected to your form. Append the following CSS CODES to your FORM BUILDER and see if the gradient colors I used will meet your requirements:

    .form-submit-button-simple_orange:hover {

        border: 1px solid #023E69 !important;

        background: #134F7A !important;

        background: -moz-linear-gradient(top, #356F9C 0%, #134F7A 100%) !important;

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356F9C), color-stop(100%,#134F7A)) !important;

        background: linear-gradient(top, #356F9C 0%, #134F7A 100%) !important;

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#356F9C', endColorstr='#134F7A', GradientType=0 ) !important;

    }

    Result:

    How to change hover color of next and submit button Image 1 Screenshot 20