Upload input style customization

• romus1989

• September 5, 2017 at 10:44 pm

Hello,

how i can change default (basic) input style for upload files for my custom ?

Need to change for something more fancy. Please tell me how i can do this ?

acfupl.jpg.jpg

• John Huebner

• September 6, 2017 at 11:42 am

The file input uses the default file field for the browser. This will probably look different in every browser. The file field itself is not really customizable. To do this you need to use a combination of custom CSS and JavaScript. https://www.wpguru.com.au/wordpress-development-tips/add-custom-css-js-advanced-custom-fields-plugin/ there are also documents on this site for adding custom javascript https://www.advancedcustomfields.com/resources/adding-custom-javascript-fields/

As far as custom styling you’ll need to look at some other examples, https://stackoverflow.com/questions/5813344/how-to-customize-input-type-file, https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/, https://www.google.com/search?q=customize+file+select+field