Contact Form 7
[resolved] CF-7 Upload Style Not working in Firefox (3 posts)

  1. dgPehrson
    Posted 3 years ago #

    My contact form is in a unique spot on http://www.geigerandwood.com. If you look at the top, click on "request an appointment" to reveal the form.

    In the "Safari" and "Chrome" browsers, the css style works just fine. If you look at the form in Firefox, the only thing that is not styled is the "Upload" section. can I overcome this for the firefox web browser?

    Here is a copy of the css code I used:

    body #drop-down-content input[type="file"]{
      	color: #ffffff;
      	font-size: 14px;
      	font-weight: bold;
       	font-family: "Swiss 721", Helvetica;
       	border: 3px solid #c5d0d7;
       	border-radius: 2px;
      	width: 247px;


  2. dgPehrson
    Posted 3 years ago #

    Fixed. I found the solution to be

    [file your-file 60/]

    The 60/ to be the size. This is for Firefox web browsers but regular CSS settings will work for the rest. Get on the CSS bandwagon Mozilla!

  3. dreamhighinc
    Posted 2 years ago #

    I found this thread very useful. I also have a problem with the style of my File Upload text field. It seems to be larger and expand my whole form. Now if i change the size of the File Upload text field in Firefox, that wont that change the size of the text field in the other browsers. My big problem is that the form looks great in all the other browsers and I don't want to mess it up. So if I change the size, like you mentioned above, to fit my style in Firefox that wont change the form look in Chrome / Safari. Right?

    - Max

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic