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 19 - Mac Issue?

  1. Hi,

    My form in Firefox does not give spacing around the fields but it looks fine in other web browsers. See a form example here: http://www.agilebts.com/zoho-crm-test/

    Do you see what I'm talking about and know how to fix?

    Paul

    Posted 11 years ago on Monday February 25, 2013 | Permalink
  2. I did see what you mean. Screenshots for reference: http://minus.com/mb1PC5Y6F9eVl5

    It looks like you embedded the form with something other than the Gravity Forms "Form" widget. Is that the case? Please try embedding the form with the form widget and we'll take another look.

    Or, how did you add the form to this page in that location?

    Posted 11 years ago on Monday February 25, 2013 | Permalink
  3. I inserted the form with the "Add Form" button in the HTML editor. Just tried reinserting but I'm seeing the same result in Firefox.

    So the other thing I can tell you is I noticed this problem after upgrading to Wordpress 3.5.1.

    Posted 11 years ago on Tuesday February 26, 2013 | Permalink
  4. It's inserted directly into the page then? That's not a sidebar?

    Posted 11 years ago on Tuesday February 26, 2013 | Permalink
  5. Yeah it's a regular form, not the sidebar widget.

    I'm also noticing this happening on the PC version of Firefox and IE.

    Posted 11 years ago on Tuesday February 26, 2013 | Permalink
  6. OK it appears Firefox and IE are not loading the padding I have listed here:

    body .gform_wrapper form {
         background: url('http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png');
    ');
        padding: 10px;
          border:0px solid #cccccc;
    border-radius: 10px;
    
            box-shadow:  3px 3px 5px 1px rgba(100, 100, 100, .7);
    
    }

    Do you guys know a way to fix this so the padding works in these browsers?

    Posted 11 years ago on Wednesday February 27, 2013 | Permalink
  7. Is there anyone who can help me with this? Here is my whole code string in case you want to see it:

    body .gform_wrapper form .gform_body ul,
    body .gform_wrapper form .gform_body ul li {
    
    	list-style-type: none !important;
    	list-style-image: none !important;
    	list-style: none !important;
    	background-image: none !important;
    	background: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    	border: none !important
    }
    
    body .gform_wrapper form {
         background: url('http://www.agilebts.com/wp-content/uploads/2013/01/Green-Form.png');
    ');
        padding: 10px;
          border:0px solid #cccccc;
    border-radius: 10px;
    
            box-shadow:  3px 3px 5px 1px rgba(100, 100, 100, .7);
    
    }
    
    /* make the form container relative for positioning */
    
    body .gform_wrapper {
        position: relative;
    }
    
    /* resize and position the form footer with the button */
    
    body .gform_wrapper .gform_footer {
        width: auto;
        position: relative;
        top: 15px;
        left: 0px;
        padding: 0;
        margin: 0;
    }
    
    .gform_wrapper .gform_body .gform_fields .gfield label {color: #FFFFFF}
    Posted 11 years ago on Thursday February 28, 2013 | Permalink
  8. Anyone there to help?

    Posted 11 years ago on Thursday February 28, 2013 | Permalink
  9. Sorry, I dropped the ball on your ticket. I just checked again in Firefox and IE on Windows 7 and it looks like you resolved it?

    Posted 11 years ago on Monday March 4, 2013 | Permalink