I'm a newbie with Gravity Forms and I've created my first Gravity Form found at
http://www.fva.net/fva/fva-teacher-awards/awards-form/
As you can see, the formatting on the first step of the form is already goofy. The question is squished into a very narrow column-like area on the left. This problem continues on subsequent pages and gets worse when there is more than one field.
Thank you in advance for your help!
Jussi Doherty
Hey Jussi,
In your theme's stylesheet, it looks like you have a Gravity Forms section of styles:
http://www.fva.net/wp-content/themes/canvas/style.css
You have this:
[css]
.gform_wrapper .top_label .gfield_label {
display: block;
float: left;
padding-right: 20px;
width: 100px;
margin: 5px 0px 4px !important;
font: normal normal normal 14px Arial, sans-serif;
font-weight: bold;
}The float and width here is what is causing your squish. I say just get rid of the block altogether, but not sure what your style intent/goal is. Let me know if you need anymore guidance.
Hi Rob,
I have the same problem but I can't see the CSS for the gforms in my main CSS sheet. Here is the form. http://tomicinternetmarketing.com/contact
Please help
Yes, it looks like the GF CSS is not coming through. Firstly, do you have the Output CSS option selected in the form settings? Second, if so, does your theme include "<?php wp_head(); ?>" in it?
You should be able to drop that in just before the closing </head> tag. See what happens when you do that.
Great! Glad to help.
