Remove hover effect from submit button

  • Profile Image
    odm111
    Asked on April 09, 2016 at 07:36 AM

    Hi there 

    The submit button on this form is dark blue with white text. However when I hover over it with the mouse, the colour changes and the text is unreadable. How do I remove this affect? I don't want the look of the button to change at all when the mouse hovers over the button. Thank you.

  • Profile Image
    liyam
    Answered on April 09, 2016 at 09:00 AM

    Hello,

    I noticed that you have used CSS injection to design your submit button. Since it changes the background on hover, you can try adding another CSS code like this:

    .form-submit-button:hover {
       background : #1c3664;    
    }

    Note on the :hover selector. This will remove the hover changing-color on your button. Feel free to further change the code. 

    If you have questions or if you need further clarification, please do let us know.

    Thanks.

  • Profile Image
    odm111
    Answered on April 09, 2016 at 05:26 PM

    Awesome, thanks so much. Problem solved.

  • Profile Image
    Chriistian
    Answered on April 09, 2016 at 11:13 PM

    On behalf of my colleague, you are welcome. Glad to hear that your problem is solved now.