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.

Extra space above first field on widget

  1. Hello, this is probably an easy fix and perhaps has already been posted about, but I cannot seem to find an answer.

    I have a simple email submission form widget on the home page of my new site... http://www.joelthenderson.com. As you can see, there's space between my widget heading and the forms first field. I don't think this is my theme's css as this is the only widget doing this.

    Anyway to fix this? It's not a huge deal, but given that I paid $40 for this, I'd like it to work right.

    Thanks much.

    Posted 7 years ago on Sunday December 9, 2012 | Permalink
  2. PS... On a scale of 1 to 10, 1 being "enough knowledge of css to be dangerous", I am about a 2. Thanks for any help.

    Posted 7 years ago on Sunday December 9, 2012 | Permalink
  3. Richard Vav
    Administrator

    Hi Joel, the gap is being created by the padding and margins being added to a couple of elements, so to reduce it you can add the following css to your stylesheet

    .gform_widget .gform_wrapper {
    padding-top: 0 !important;
    }
    .gform_widget .gform_body {
    margin-top: 0 !important;
    }
    Posted 7 years ago on Sunday December 9, 2012 | Permalink
  4. Richard Vav
    Administrator

    You could also add the following to close the gap a little more

    #field_1_1 {
    margin-top: 0 !important;
    }
    Posted 7 years ago on Sunday December 9, 2012 | Permalink
  5. Thank you for the reply. This is a silly question, but which stylesheet? The stylesheet that's part of the gravity forms, or the style sheet that's for my theme?

    Thanks again!

    Posted 7 years ago on Sunday December 9, 2012 | Permalink
  6. Richard Vav
    Administrator

    Not a silly question at all, I would place it in your themes main style sheet or custom.css if your theme has one. You should avoid making modifications to plugin files as when wordpress updates the plugins any modifications would be lost.

    Posted 7 years ago on Sunday December 9, 2012 | Permalink
  7. Awesome. That did the trick. And, actually, I used a plug in to make the change so I didn't need to go into any files specifically. The plugin is the Custom CSS Manager. Anyway, thanks a ton!

    Posted 7 years ago on Monday December 10, 2012 | Permalink
  8. Richard Vav
    Administrator

    No problem, glad you got it sorted

    Posted 7 years ago on Monday December 10, 2012 | Permalink