How can I change the styling of my submit button?

  • Profile Image
    mecoxbaydairy
    Asked on March 15, 2018 at 06: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.12

  • Profile Image
    Mike
    Answered on March 15, 2018 at 08: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;
    }

    This should change the style on the live form.

    Thank you.