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

    Button changed shape and color in the File Upload or Attachment field

    Asked by dvlasich on January 10, 2014 at 05:34 PM

    I made some changes to the parameters in the Attachment field and suddenly the button is bigger, yellow with white text.  I can't find a way to change it the way I can the Submit buttons.

    and find parameters button css
  • Profile Image
    JotForm Support

    Answered by TitusN on January 10, 2014 at 06:30 PM

    Hello, 

    Thank you for contacting us, 

    You activated "Allow multiple" on the toolbox. 

    This allows your form user to upload more than one file before they submit the form. 

    Is this a feature you wanted to activate? 

    If so, please style (make it look closer to your theme) the button by adding the highlighted CSS rules

    .qq-upload-button {

    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;

    -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;

    box-shadow:inset 0px 0px 0px 0px #ffffff;

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

    background-color:#ededed;

    -webkit-border-top-left-radius:0px;

    -moz-border-radius-topleft:0px;

    border-top-left-radius:0px;

    -webkit-border-top-right-radius:0px;

    -moz-border-radius-topright:0px;

    border-top-right-radius:0px;

    -webkit-border-bottom-right-radius:0px;

    -moz-border-radius-bottomright:0px;

    border-bottom-right-radius:0px;

    -webkit-border-bottom-left-radius:0px;

    -moz-border-radius-bottomleft:0px;

    border-bottom-left-radius:0px;

    text-indent:0;

    border:1px solid #1B1B1B;

    display:inline-block;

    color:#000000;

    font-family:Arial;

    font-size:13px;

    font-weight:bold;

    font-style:normal;

    height:14px;

    line-height:18px;

    width:200px;

    text-decoration:none;

    text-align:center;

    text-shadow:1px 1px 0px #ffffff;

    }

    .qq-upload-button:hover {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

    background-color:#dfdfdf;

    }.qq-upload-button:active {

    position:relative;

    top:1px;

    }

    Please let us know if this helps.              

  • Profile Image

    Answered by dvlasich on January 13, 2014 at 12:52 PM

    That worked.  Thank you!