Help with CSS Buttons Style

  • Profile Image
    melodicsounds
    Asked on May 29, 2017 at 11:24 PM

    In my form: https://form.jotform.co/70396515599874 my buttons have a transparent background and a 3px solid border with this color: #09dba6. But when you hover or click they turn blue. Can you help me inject a CSS code so the hover animation turns the background to this color: #09dba6 and the font turns white please?

     

    Thank you.

  • Profile Image
    John_Benson
    Answered on May 30, 2017 at 12:59 AM

    Please add this custom CSS code to your form to change the hover animation color and text color:

    .form-pagebreak-next:hover {

        background : #09dba6 !important;

        color : white !important;

    }

    .form-pagebreak-back:hover {

        background : #09dba6 !important;

        color : white !important;

    }

    .form-submit-button:hover {

        background : #09dba6 !important;

        color : white !important;

    }

    Here's a guide on: How-to-Inject-Custom-CSS-Code

    Result:

    If you have questions, please contact us again. Thank you.