PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Firefox transparent fields

  1. ciznerguy
    Member

    Why are the fields transparent in firefox only? In all other browsers the fields are white. Is there a quick fix for this?

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  2. Got a link to your form?

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  3. ciznerguy
    Member

    http://www.cms-hawaii.com/

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  4. ciznerguy
    Member

    every form i've made does this same thing. Only in firefox.

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  5. Here is your culprit, your stylesheet has a mozilla only background declaration on it (gradient):

    Screenshot

    Axe that if you don't need/want it. Or you can simply override it via a new, more specific selector.

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  6. ciznerguy
    Member

    I'm having a hard time finding that in my stylsheet. What would a quick override be for gravity forms? Thanks for your help.

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  7. This should do the trick:

    [css]
    .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
    background: white;
    }
    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  8. ciznerguy
    Member

    thanks Rob. did the trick.

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink
  9. Right on, glad to help.

    Posted 8 years ago on Wednesday August 1, 2012 | Permalink

This topic has been resolved and has been closed to new replies.