What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Help with CSS Buttons Style

    Asked by melodicsounds 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
    JotForm Support

    Answered by John_Benson 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.