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.
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.
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
Looks a lot better, I'll try that out, thanks :)
I am having the same problems, no idea about how I should fix this. What should I put in the custom.css?
@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.
It is at http://www.baldwinkoo.com/contact
It looks fine on firefox but on chrome there are no borders.
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.
It worked perfectly, thank you!
Loving gravity forms, very glad I purchased it.
Great success. It was kind of a "best guess" but I'm glad it worked for you. Thanks for the update