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 looks messed up

  1. Hello

    My form on the page http://www.newsmailer.dk/?page_id=18 looks messed up as you can see. Any idea what causes it to look like this and perhaps a possible solution to the problem.

    Thanks in advance.

    Posted 9 years ago on Saturday February 6, 2010 | Permalink
  2. I looked at your form and it's the theme CSS that's causing the issue. There are very generic form styles applied to all input elements, etc.

    I copied your form page and style.css file and put it on my test area. I commented out the entire "form label" declaration that starts on line 1238 of the style.css and that fixed most of the problem.

    There was another issue with the widths/spacing on the checkboxes at the bottom of the form and I went to line 1258 and removed the "width:92%" value that the inputs were inheriting.

    You can see my result here. screenshot

    Posted 9 years ago on Saturday February 6, 2010 | Permalink
  3. Looks a lot better, I'll try that out, thanks :)

    Posted 9 years ago on Sunday February 7, 2010 | Permalink
  4. I am having the same problems, no idea about how I should fix this. What should I put in the custom.css?

    Posted 9 years ago on Wednesday March 10, 2010 | Permalink
  5. @BaldwinKoo, You'll need to post a link to your form so I can check it out. I can't really tell you much without seeing it.

    Posted 9 years ago on Wednesday March 10, 2010 | Permalink
  6. It is at http://www.baldwinkoo.com/contact

    It looks fine on firefox but on chrome there are no borders.

    Posted 9 years ago on Wednesday March 10, 2010 | Permalink
  7. It's a Thesis theme-related styling issue. It's most likely the border-width value on line 224 of the layout.css file.

    You might try adding this to your custom.css file.

    .format_text input, #commentform input, #commentform textarea {border-width: 1px;}

    Beyond that, I'm not sure. You would need to contact the Thesis support team for additional help, it's not a Gravity Forms specific issue.

    Posted 9 years ago on Wednesday March 10, 2010 | Permalink
  8. It worked perfectly, thank you!

    Loving gravity forms, very glad I purchased it.

    Posted 9 years ago on Thursday March 11, 2010 | Permalink
  9. Great success. It was kind of a "best guess" but I'm glad it worked for you. Thanks for the update

    Posted 9 years ago on Thursday March 11, 2010 | Permalink