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
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
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?
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.
It's inserted directly into the page then? That's not a sidebar?
Yeah it's a regular form, not the sidebar widget.
I'm also noticing this happening on the PC version of Firefox and IE.
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?
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}
Anyone there to help?
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?