How to resize/remove txt boxes on image fields

• Cutter

• June 12, 2017 at 10:34 am

Hello,

Great support here BTW!
I’ve created a form using ACF but I would like to resize or remove the txt boxes that appear to the left of the “Browse” buttons on the Image field type. (see screenshot below) Ideally, I would prefer to only show the “Browse” button centered with no txt box at all.

Can anyone perhaps provide a function or css code that may help? Not even sure where to begin with this one so I’m open to any suggestions.

Thanks in advance!

• John Huebner

• June 13, 2017 at 12:05 pm

The image field shown when a user is not logged into the site or does not have permission to upload to the media library uses the standard browser file field. Unfortunately, there isn’t really any way to modify what this field looks like, at least not easily. Here are some links to places that might help

https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

https://stackoverflow.com/questions/572768/styling-an-input-type-file-button

• Cutter

• June 13, 2017 at 9:48 pm

Thank you so much for the links! I’ll check them out and will post back if/when I find a working solution.