How to change upluad button witth CSS “File Upload” to look like [RESOLVED]

[chrishajer (Chris (Gravity Forms))]

Hi Tom. If you are using the multi-file upload field, your upload button will not look like this: https://global.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/4/430d18bfada0353aa8b1d2db77feafa3799c1630.png

That is the browser file upload control.

If you enable the multi-file feature, you will have more control over the HTML of the button. You can use the gform_file_upload_markup filter as I explained here:

How to change upluad button witth CSS "Post Image" to look like

Hello. The Post Image field uses the browser dialog for the button, so a button like you showed will not be possible there. The multi-file upload field offers a more customizable button that looks like this by default: That button can be customized with a filter: Using that filter won’t put the image in the Media Library by default though. If you wanted to use that type file upload field instead, you would need to perform some additional steps to associate the upload with the post, or mo…

You will need to create your own CSS and HTML to style the button like that, using this filter.

If you have any other questions, please let us know.