What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to remove curves in submit button

    Asked by chiragvora123 on July 03, 2014 at 07:05 AM

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

    Page URL:
    http://www.getcsr.com

    Mobile pc mobile device
  • Profile Image
    JotForm Designer

    Answered by alev 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

    Answered by chiragvora123 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
    JotForm Designer

    Answered by omer 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.