Upload File Button Styling
Hi,
I did not find anywhere in the them a way to give a proper appearance to the Contact Form Upload File/Browse button. By default, it looks ugly.
Is there such options in the theme? Do you have any CSS for this? What should I add into the form to make sure the CSS applies?
Kind Regards,
Michael
Comments
Hi,
This button does not have options to style it because it depends on the browser.
Best regards
Hi,
I am not satisfied with the answer. There should definitely be a way to overwrite the default styling. Maybe this require a specific css depending on the browser but this should be feasible.
Kind Regards,
Michael
See the following link:
https://stackoverflow.com/questions/572768/styling-an-input-type-file-button
Best regards
I found that as well. I just don't know how to adapt it properly to Contact Form 7. Can you help?
How should I adapt my line of code in Contact Form 7?
<div class="column one-second">[file file-555 limit:5000000 filetypes:pdf]</div>
Then what CSS should I add in the Theme CSS options?
Thank you
We help rather with minor CSS and things directly related to Betheme.
On the internet, you should find many tutorials on how to modify it, and if you struggle with that, contact your web developer, and he/she will surely be able to help you.
Best regards
Understood. But I find it rather disappointing that this customization option is not part of the theme. A lot of people are using Contact Forms and a lot of them are using upload file option. So why not include that customization by default?
If you find this feature crucial, please let us know about it on the following topic:
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest
Thanks
Done!