Title: Styling the upload button
Last modified: October 2, 2017

---

# Styling the upload button

 *  [khunmax](https://wordpress.org/support/users/khunmax/)
 * (@khunmax)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/styling-the-upload-button/)
 * Hi
 * I am working on a flat website design that uses a couple of CF7 forms with file
   upload.
 * I need to style the upload button.
 * I know this is not a straight forward task.
 * I found this article:
 * [https://stackoverflow.com/questions/572768/styling-an-input-type-file-button](https://stackoverflow.com/questions/572768/styling-an-input-type-file-button)
 * The solution works to hide the file input element (as long as prefixed for cf7)
 * and the button created via a label activates the browse window, so that you can
   select a file.
 * But the name of the selected file is not displayed.
 * Also I don’t know how you can integrate the html label with the CF7 shortcode
   that includes mb upload limit and file types and the individual file class that
   enables CF7 to send you an email with the uploaded file attached.
 * Any assistance you can offer is greatly appreciated
 * Kind Regards
 * Max

The topic ‘Styling the upload button’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [khunmax](https://wordpress.org/support/users/khunmax/)
 * Last activity: [8 years, 6 months ago](https://wordpress.org/support/topic/styling-the-upload-button/)
 * Status: not resolved