chriswanamaker
Member
After updating to the latest release, the left edge of my forms are cut off and I cannot seem to find where in the CSS file to adjust this. You can view exactly what it's doing here:
http://www.wanamakersports.com/our-services/action-photography/
Any ideas?
It's a style in you theme that's causing the issue. Line 816 of your style.css file declares a negative text indent for all list items.
You can override this for your forms by using this.
[css]
.entry .gform_wrapper li {text-indent:0}You can see my test screenshot with the rule applied.
I am having the problem. However, when I add the ".entry .gform_wrapper li {text-indent:0}" in my css file. It still doesn't work. Here is the link: http://applenutritioncenter.com/
That's because your wrapper isn't inside an "entry" class div wrapper that I can see, and also be cause the text-indent property isn't the source of your problem. That solution was unique to the previous poster's issue.
Your problem is a negative left margin value being applied to the list items that contain the form fields. Along with that, there's extra padding that's causing an issue lastly, those list items are inheriting background images - all of this originating from your theme styles.
Try removing the previous rule you added to your theme stylesheet - it's not needed and replace it with this.
[css]
body .art-post .gform_wrapper li {
margin-left: 0 !important;
padding-left: 0 !important
}
body .art-post .gform_wrapper ul > li {
background-image: none !important;
background: none !important
}screenshot: http://bit.ly/nOQ61p
Hope that helps.