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

  • Profile Image
    dvlasich
    Asked 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.

  • Profile Image
    TitusN
    Answered 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
    dvlasich
    Answered on January 13, 2014 at 12:52 PM

    That worked.  Thank you!