Skip Navigation

[Resolved] File upload field unstylable

This support ticket is created 6 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 1 reply, has 2 voices.

Last updated by Nigel 6 years, 3 months ago.

Assisted by: Nigel.

Author
Posts
#1106436
Is this.png
Should be this.png

I am trying to: Restyle the file upload button to match other buttons on my site.

Have searched forums and nothing appears to help. See screenshot "Is this". The "choose file" button looks really ugly.

Ideally, I'd be able to get the "Choose File" square grey button to match the screenshot "Should be this" (i.e. match every other button on my site) but the best i've been able to achieve by targeting input[type="file"] is what you see in screenshot "Is this".

How do I sort this? Seems ridiculous that I'm the first to come across this?

Youll be able to grab access credentials from my last forum post.

Cheers!

#1106677

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

This isn't really a Toolset issue, if you Google "style input type file" you will find

1. that file inputs are styled by the browser and are not amenable to custom styling,
2. workarounds to style them anyway.

I don't really have any opinions about the solutions offered in 2, it is a question of reading them and choosing one that you are comfortable with.