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.

Form displaying incorrectly

  1. 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

    Posted 10 years ago on Sunday January 15, 2012 | Permalink
  2. 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.

    Posted 10 years ago on Sunday January 15, 2012 | Permalink
  3. 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

    Posted 10 years ago on Tuesday January 17, 2012 | Permalink
  4. 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?

    Posted 10 years ago on Tuesday January 17, 2012 | Permalink
  5. Hi Rob,
    Thanks for your reply.
    I have the Output CSS option enabled and I can't find <?php wp_head(); ?> in (header.php) nor (index.php)

    What can I do?

    Posted 10 years ago on Tuesday January 17, 2012 | Permalink
  6. You should be able to drop that in just before the closing </head> tag. See what happens when you do that.

    Posted 10 years ago on Tuesday January 17, 2012 | Permalink
  7. Works!!!!
    Thanks Rob!

    Posted 10 years ago on Tuesday January 17, 2012 | Permalink
  8. Great! Glad to help.

    Posted 10 years ago on Tuesday January 17, 2012 | Permalink