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.

Get form to start on a new line

Gravity Support Forums » Plugin Support » Gravity Forms

  1. nicole
    Member

    How do I get my form to start on a new line?

    Right now the form is on top of an image. I would like to get it to start after the image that appears before it i.e. to start a new line. It looks particularly bad on Firefox.

    http://www.gan.yetzira.com/%D7%94%D7%95%D7%A1%D7%A4%D7%AA-%D7%92%D7%9F-%D7%99%D7%9C%D7%93%D7%99%D7%9D/

    Posted 13 years ago on Wednesday July 20, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    I don't really understand what you're asking. I'm assuming you mean the margins around the form so you would adjust those with CSS this way.. (specific example for form ID#1 - change to the actual ID of your form)

    [css]

body #gform_wrapper_1 {margin-top:30px}

    Also, I don't see a form on the page that you referenced as an example.

    Posted 13 years ago on Wednesday July 20, 2011 | Permalink

  3. nicole
    Member

    Thanks for your help. Unfortunately it did not solve the problem.
    I don't know why the link gets a 404 error when I paste it. Can you please go to this link and press on the top navigation bar - 2nd link to the right (sorry about that I have no idea why the direct link for the page can't be copied)
    http://www.gan.yetzira.com/

    If you check that on Firefox you will see what I was trying to explain. The table does not appear on the entire width of the content box but starts in the middle of the page after the image before it.

    Posted 13 years ago on Wednesday July 20, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    That's not a form issue. That's coming from your content/theme.

    The image at the top has the "alignleft" class which means it's floated to the left. Since it's floated and not "cleared" by another element, the form "floats" into whatever space is available on the left and it looks strange.

    screenshot: http://bit.ly/oQfOsx

    If you remove the left alignment setting (probably editable from within your editor but may be a hard-coded class name in your theme) from the image, you'll see that the form is pushed down below the image and the normal form width is restored.

    screenshot: http://bit.ly/oaayfO

    Posted 13 years ago on Wednesday July 20, 2011 | Permalink

  5. nicole
    Member

    Thanks for checking it out. I'll contact the Thesis theme forum.

    Posted 13 years ago on Thursday July 21, 2011 | Permalink