Hover

  • milladesignmaccom
    Asked on May 2, 2016 at 3:23 AM

    How can I get some hover conditions on these buttons?

     

    }}.form-payment-total {line-height : 30px;margin : 0px;border : 5px solid #A78286;border-radius : 4px;padding : 50px;margin-top : 50px;margin-bottom : 20px;}button#checkButton {border: 1px solid #A78286 !important;color: #5e2d2d !important;background: #D8E5EC;box-shadow: none;text-shadow: none;line-height: 50px;width: 299px;margin-left: -110px; 20px;margin-top : 20px;margin-bottom : 20px;}button#backToForm {border: 1px solid #A78286 !important;color: #5e2d2d !important;background: #f8f8f8;box-shadow: none;text-shadow: none;line-height: 50px;width: 299px;}.jotform-form {overflow-x: hidden;}

     

     

    Hover Image 1 Screenshot 30Hover Image 2 Screenshot 41

  • Chriistian Jotform Support
    Replied on May 2, 2016 at 4:25 AM

    You can add hover effects for the buttons by injecting and customizing the css below:

    button#checkButton:hover { 

     /* Insert your css here */

    }

    button#input_reset_2:hover {

     /* Insert your css here */

    }

    button#input_print_2:hover {

     /* Insert your css here */

    }

    To inject css, simply follow this guide: How to Inject Custom CSS Codes

    If you need further assistance, please let us know.