Custom Button

Hello, can you help me with the code I would need to put into this popup form?

I want the button to look something like this.

Thanks!

Hi,

You can try using the CSS codes below:

.form-submit-button {

background: #000000;

color: white;

border-style: outset;

border-color: #000000;

height: 50px;

width: 400px;

font: bold 15px arial, sans-serif;

text-shadow:none;

}

Let us know if that helps.

Thanks.

Where do I insert that code?

Here is what I have now...sorry I have zero coding experience..

 <a

      href="javascriptDISABLED:void(

        window.open(

          'https://form.jotform.com/61136609698971',

          'blank',

          'scrollbars=yes,

          toolbar=no,

          width=700,

          height=500'

        )

      )

    ">

      Click to place an Order

    </a>

I see now that you would like to style button of your webpage, not form's button. 

I have improved the code, please try using the following one instead of the one you shared:

 <a style="text-decoration: none; padding: 0.5em; text-transform: uppercase; background: #000000; color: white; border-style: outset; border-color: #000000; height: 50px; width: 400px; font: bold 15px arial, sans-serif; text-shadow: none;"

      target="_blank" href="javascriptDISABLED:void(

        window.open(

          'https://form.jotform.com/61136609698971',

          'blank',

          'scrollbars=yes,

          toolbar=no,

          width=700,

          height=500'

        )

      )

    ">

      Click to place an Order

    </a>

I have highlighted the part added. 

That makes the button look good, but when clicked it just goes to a blank page??

Thanks

The font on the form seems to have changed now also.

This problem seems to be related to your web page, not the form. Maybe you can ask your website developer to check? We can take a look also if you share a link to your web page.