Customising the submit button

  • Profile Image
    thespanishfactory
    Asked 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;

    }

  • Profile Image
    ardy0689
    Answered 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
    thespanishfactory
    Answered 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
    ardy0689
    Answered 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