Please Note: We are no longer using forums to facilitate standard support. 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.

Fields are not aligning like the preview

  1. I installed the plugin. Built the form (amazing, by the way) and previewed. The field boxes are all aligned. However, when I inserted the form, the fields and their names are all jumbled.

    Here is the link: http://thestoryhaus.com/storytellers/registration/

    Please help. Thank you.

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  2. Hey there, looks like the default styles are not coming in. Do you have the output css option check in your Settings? If no, select that and you should be good to go. If yes, your gravity forms scripts and styles are not being enqueued, which you can go here to see how to do that:

    http://www.gravityhelp.com/documentation/page/Embedding_A_Form

    Let me know if this helps!

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  3. Thank you. I turned on the output CSS and it aligned most of the fields, except for the check boxes at the top of the form. And it deleted the Address fields.

    Here's what the form looks like right now: http://thestoryhaus.com/storytellers/registration/

    Thanks for your help. I love these forms.

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  4. I still need help when you get a chance.

    1) The check boxes at the top of the form are not aligned.
    2) The address input fields are missing.

    URL: http://thestoryhaus.com/storytellers/registration/

    Thanks!

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  5. In your cart66.css there is the following:

    #post-content label {
        float: left;
        margin-bottom: 2px;
        margin-top: 8px;
        width: 100%;
    }

    If you get rid of the float your fields should become visible again. Let me know if you need anymore direction. It seems like you may need to write a couple small snippets of css to add to your theme's stylesheet.

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  6. I looked for the "#post-content label", but I cannot find it. I am using Cart66 Pro. Does that matter in regards to where the code is located?

    As far as the additional coding goes, is this something that you could help me with or does it need to come from Cart66 or press75 (who built the theme)?

    Thank you so much for your time.

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  7. Try dropping this into your theme's stylesheet:

    #post-content label.gfield_label {
    float: none;
    }
    Posted 3 years ago on Friday November 4, 2011 | Permalink
  8. Thanks! Almost there.

    Any ideas why the check boxes at the top of the form won't line up with the words?

    http://www.thestoryhaus.com/storytellers/registration/

    Posted 3 years ago on Friday November 4, 2011 | Permalink
  9. Try (this is a bit blind...but should work)

    #post-content ul.gfield_checkbox label {
    float: none;
    margin-top: 0;
    }
    
    #post-content ul.gfield_checkbox input {
    margin-top: 0;
    }
    Posted 3 years ago on Friday November 4, 2011 | Permalink
  10. Thanks. That helped. One last question: is there anyway to adjust the spacing between the fields?

    Posted 3 years ago on Thursday November 10, 2011 | Permalink
  11. Looks like your form link no longer works - got an updated URL i could check out?

    Posted 3 years ago on Thursday November 10, 2011 | Permalink
  12. Yes. Sorry. I am working with the theme editor to figure some other issues out. They made me reset the permalinks.

    Here is the current link:

    http://www.thestoryhaus.com/?page_id=182

    Posted 3 years ago on Thursday November 10, 2011 | Permalink
  13. Try this out:

    .gform_wrapper .gfield {
    margin-bottom: 10px;
    }
    Posted 3 years ago on Thursday November 10, 2011 | Permalink
  14. Awesome! Thank you so much. You have really helped. Have a great day!

    Posted 3 years ago on Thursday November 10, 2011 | Permalink
  15. No problem, glad to help. Have a great day yourself!

    Posted 3 years ago on Thursday November 10, 2011 | Permalink

This topic has been resolved and has been closed to new replies.

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only