How to remove curves in submit button

  • Profile Image
    chiragvora123
    Asked on July 03, 2014 at 07:05 AM

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

  • Profile Image
    alev
    Answered on July 03, 2014 at 07: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

  • Profile Image
    chiragvora123
    Answered on July 03, 2014 at 07: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;}

  • Profile Image
    omer
    Answered on July 03, 2014 at 07: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.