akasocrates
Member
Hi--
In this image here, the text box is cut off on the right side: http://screencast.com/t/PAa71qPQox9
Is there an easy way to fix this? I can copy/paste code if it's simple enough. I don't code so a simple solution would really be appreciated.
Thanks in advance.
Can't tell you how to fix anything from just looking at an image. I'm guessing it's a padding issue of some sort though. Please post a URL to your actual form and I can give you some more specific guidance.
akasocrates
Member
Thanks Kevin. Here's the actual link: http://pesosandsenseacademy.com/contact/
style.css (line 1688) has this..
[css]
div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
color: #000000;
font-family: 'Helvetica Neue',Helvetica,Arial,Tahoma,sans-serif;
font-size: 12px !important;
padding: 4px 5px !important;
}It's the extra padding that is defined there added to the percentage-based width definition that's causing the issue.
You can try adding this to the end of your theme's stylesheet or wherever your theme provider recommends adding your custom CSS rules.
[css]
body .gform_wrapper .top_label input.large,
body .gform_wrapper .top_label select.large,
body .gform_wrapper .top_label textarea.textarea {
width: 98.2% !important
}test screenshot: http://bit.ly/HRz1Om
Super. Glad I could help.