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

    Why is the custom submit button CSS not working?

    Asked by beweber on July 01, 2013 at 11:49 PM

    I'm having lots of problems getting the custom css for my submit button to work properly.  It only shows the hover feature and not the regular button style.  Also, why does the text look bold and smeared?

    Page URL:
    http://form.jotform.us/form/31818431903149

    style
  • Profile Image

    Answered by sidharth_kch on July 02, 2013 at 01:25 AM

    @beweber

    I checked your form and see that you have one extra "}" in custom css:

    }

    .form-submit-button{

    background:#1B1464!important;

    color: #ffffff!important;

    height:35px!important;

    width:150px!important;

    font:16px times,serif!important;

    }

    .form-submit-button:hover{

    background:#A24509!important;

    color: #ffffff!important;

    height:35px!important;

    width:150px!important;

    font:16px times,serif!important;

    }

    Apart from this, I don't see any other issue with your custom css. Please remove this extra "}" and your css should work fine. 

    Thanks,

    Sidharth