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

    Customising the submit button

    Asked by thespanishfactory on November 20, 2013 at 12:12 PM


    One of the button of my page has this css style.

    I would like to know what do i need to insert in order to make the submit button the same as the buttton in my own page.

    thank you so much


    .simple-button {

        display: inline-block;

        position: relative;

        cursor: pointer;

    outline: none;

    white-space: nowrap;

    margin: 5px;

        color: #FFF;

        font-size: 14px;

        font-family: "Open Sans";

        padding: 0 15px;

        font-weight: bold;

        line-height: 36px;

        background: #333;

        border: none;

        text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

        transition: background-color .2s linear;

        -moz-transition: background-color .2s linear;

        -webkit-transition: background-color .2s linear;

        -ms-transition: background-color .2s linear;

        -o-transition: background-color .2s linear;

    }

    style size height font
  • Profile Image
    JotForm Support

    Answered by ardy0689 on November 20, 2013 at 01:59 PM

    Hello, thanks for posting your inquiry.

    In order for us to suggest CSS codes to match your webpage's button style, can you please give us the webpage URL so that we can have a look on its style?. This will help us generate the codes that you can inject on Jotform. We will wait for your reply. Thank you

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 02:18 PM

    Hi, thanks so much for your reply.

    This is our page http://www.thespanishfactory.co.uk/index.html 

  • Profile Image
    JotForm Support

    Answered by ardy0689 on November 20, 2013 at 03:48 PM

    Thank you for giving us the webpage URL

    Is this the button styling you want?

    If so, you can use directly the CSS style that you just posted but with one adjustment needed:

    Please copy the CSS code from this link http://pastiebin.com/528d1f81dc5aa. I already modified from that link. Please refer to this guide on How to Inject Custom CSS Code

    What I did was to change this CSS class:

    .simple-button {

    to JotForm class:

    .form-submit-button {

    If you require further assistance, please do not hesitate to ask. Thank you