How can I change the styling of my submit button?

  • mecoxbaydairy
    Asked on March 15, 2018 at 6:11 PM

    I used a template to create my JotForm, and now I can't seem to change the button from a circular design to a classic rectangular button. How can I change it so it looks like this: 1521151959Screen Shot 2018 03 15 at 6 Screenshot 10

    Jotform Thread 1416765 Screenshot
  • Mike
    Replied on March 15, 2018 at 8:26 PM

    We cannot directly change the style of the theme styled button. As a workaround you can add the next CSS to override the styles:

    .form-all .form-submit-button {
    transform: none !important;
    background: none !important;
    color: #af2626 !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    border: 3px solid #af2626 !important;
    width: 150px !important;
    height: 50px !important;
    }
    .form-buttons-wrapper:before {
    width: 0 !important;
    }
    .form-buttons-wrapper:after {
    width: 0 !important;
    }

    How can I change the styling of my submit button? Image 1 Screenshot 30

    This should change the style on the live form.

    How can I change the styling of my submit button? Image 2 Screenshot 41

    Thank you.