How to remove curves in submit button

  • chiragvora123
    Asked on July 3, 2014 at 7:05 AM

    The button has curves towards the corner. I want to make it rectangle

  • Alev JotForm Designer
    Replied on July 3, 2014 at 7:26 AM

    Hello,

    Here is a link that will help you to solve your problem, and also more information about how to inject css to your forms.

    Let us know If you need any further assistance 

    thank you

  • chiragvora123
    Replied on July 3, 2014 at 7:38 AM

    It's not happening. Here is my CSS code currently

    @media only screenand (min-device-width : 320px)and (max-device-width : 480px) {.form-all {width: 320px !important;}.form-line {padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 3px !important;}img.form-image {max-width: 100% !important;height: auto !important;}#id_1.form-line {padding-left: 36px !important;padding-right: 36px !important;}}
    .form-radio-item label {
    color: #000000 !important;
    }
    .form-submit-button, .form-submit-reset, .form-submit-print{padding:0 !important;width: 125px !important;height: 25px !important;
    font-size:20px !important;}
    .form-error-message,
    .form-required,
    .form-button-error {
    display: none !important;
    }
    .form-label-top, .form-label-left, .form-label-right { font-weight: bold;}

  • omer Jotform Support
    Replied on July 3, 2014 at 7:45 AM

    Hi chiragvora123,

    Can you change related section with the code below?

    .form-submit-button, .form-submit-reset, .form-submit-print {

    padding:0 !important;

    width: 125px !important;

    height: 25px !important;

    font-size:20px !important;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    }

     

    Have a good day.