Hello!
Was wondering if the upload button can be turned into a custom image? Cheers!
Jake

Hi Jake!

Thanks for your question!

The upload button can be turned into a custom image, of course. Could you please give us the link to your form with upload field? Also please upload the image to Media Library of your WordPress site, and post the absolute URL to it.

We will provide the necessary CSS code for making these changes.
Thank you! Have a wonderful day!

Hi Agapi,

Form with button: dev.buildersdrop.com/submit-a-new-request/

Upload image: dev.buildersdrop.com/wp-content/uploads/2017/02/F-01.png

Thank you,
Jake

Hello Jake!

Thank you for the link and the image. Here's the CSS code that you will need to use:

.file-picker {
    background: url(http://dev.buildersdrop.com/wp-content/uploads/2017/02/F-01.png) no-repeat !important;
    background-size: 50px 46px !important;
}

Hello, I've added the code and changed the image to 100x100 but it hasn't worked.
The new image url is: dev.buildersdrop.com/wp-content/uploads/2017/02/Upload.png

This is the code I have added.
.file-picker {
background: url( dev.buildersdrop.com/wp-content/uploads/2017/02/Upload.png ) no-repeat !important;
background-size: 50px 46px !important;
}

Hello Jake!

If you are sure you have added the code to the very end, and the previous styles were not cut, please give us temporary WordPress administrator access, and we'll take a look. You can forward the access credentials using this form .

Also make sure to indicate the link to this forum thread in your message. Our development team will provide a solution to the issue as soon as possible.
Thanks! Have a wonderful day!

Dear Jake,

Thank you for contacting Web-Dorado Support Team!

We have added the following code to Appearance > Customize > Additional CSS instead of the form theme, and it started to work properly.

.file-picker {
   background: url(/wp-content/uploads/2017/02/Upload.png) no-repeat !important;
   background-size: 35px 33px !important;
}