Hi there.
I'm loving this plugin. :) I created a form which looked fine in preview however when I posted it to the site, the borders of the text boxes seem to disappear or are white. The checkboxes are showing up great. I'm sure it's my WP Theme screwing it up. Any suggestions for a fix would be most appreciated.
This is most likely because your theme is applying styles to the input elements to set the border to 0. If you post a link where we can see this happening on your site we can take a look and suggest some CSS changes to correct this.
A screenshot isn't going to help. There's no way to inspect your CSS that way to debug your problem. We need to see the actual form in a page.
Please send the username/password via our contact form if you will. Also, please include the URL to this thread so we can reference back to it. Thanks.
Got the info. Thanks. I'll take a look and let you know what I find.
Okay, so quick debugging tip. If it works/displays properly in the preview window and not when you publish the form, 99.9% of the time it's a theme-related issue. That's just good to know to start.
That said, I looked at your theme CSS and found that your theme stylesheet disables the border on all elements by using the star * selector (style.css line 2). That is effectively disabling the form input borders. If you toggle that rule off, you'll see that the form displays correctly
screenshot: http://d.pr/mN4d
You can add this to the end of your theme stylesheet and it should override the blanket rule.. you can tweak it to your preference.
[css]
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=file],
body .gform_wrapper input[type=password],
body .gform_wrapper input[type=number],
body .gform_wrapper select,
body .gform_wrapper textarea {
border:1px solid #ccc;
}Wonderful. I'm pleased we could help out.