change button colour

  • Profile Image
    beautifulcanvas
    Asked on December 02, 2015 at 09:11 PM

    could someone have a look at my form please, I wish to change the

    "upload a file" button colour to black with white text to match other buttons.

    thanks.

  • Profile Image
    BJoanna
    Answered on December 03, 2015 at 03:35 AM

    Thank you for contacting us.

    You can change color of your File Upload field by Injecting Custom CSS.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .qq-upload-button {

    background: #444;

    background: -moz-linear-gradient(top, #515151 0%, #050505 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#050505));

    background: -o-linear-gradient(#515151, #050505);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#050505') !important;

    zoom: 1;

    text-shadow: 0 -1px #050505;

    border: 1px solid #050505;

    }

    .qq-upload-button-hover {

    background: #313131;

    background: -moz-linear-gradient(top, #050505 0%, #515151 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#050505), color-stop(100%,#515151));

    background: -o-linear-gradient(#050505, #515151);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#050505', endColorstr='#515151') !important;

    zoom: 1;

    }

    After you add this code your form will look like this.

    Here is my demo form: https://form.jotform.com/53361955370963? 

    Feel free to clone it.

    Inside of this guide you can also find how to add Custom Colors for Multi-upload Buttons:

    http://www.jotform.com/help/139-Custom-Colors-for-Multi-upload-Buttons 

    Hope this will help. Let us know if you need further assistance.

  • Profile Image
    beautifulcanvas
    Answered on December 03, 2015 at 05:03 PM

    perfect thank you.

  • Profile Image
    BDAVID
    Answered on December 03, 2015 at 07:06 PM

    On behalf of my colleague, you are welcome! If you need anything else please open a new thread we will be glad to assist you.