Form not displaying on page correctly « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

Nina-n-Sniff
Member

Hello, for some reason the forms are not showing up right. The two pages with the forms show them both being pushed way off to the right. Both have been set to have the label be to the left, as normal. I even tried to change the label to be on the top to see how it would look; however even making that change it did not work when I previewed the forms again; it was as though I never even made the change. So, I'm at a loss as to what is going on here.

http://animalhousepethotel.com/accomodations-services/reservations
&
http://animalhousepethotel.com/contact-us

Thanks,
Monica

Posted 12 years ago on Tuesday July 12, 2011 | Permalink
Kevin Flahaut
Administrator
Your theme styles are causing an issue. On line 36 of your theme's style.css file it's setting a "text-align:right" property on all list items and unordered lists. Since your forms are structured using lists, they're inheriting from this rule. If you disable that rule, you'll see that the forms look normal.

screenshot: http://bit.ly/ohAxRl

Personally, I would remove the blanket alignment rule because it's going to cause you more problems down the line. If you don't want to do that, you should be able to successfully override it for your forms by adding this to the end of your theme stylesheet.
```
[css]
body .gform_wrapper ul,
body .gform_wrapper ul li {
	text-align:left
}
```
Posted 12 years ago on Tuesday July 12, 2011 | Permalink
Nina-n-Sniff
Member

Great! It worked, looks like both forms are now good to go. Thanks so much! :)

Best,
Monica

Posted 12 years ago on Wednesday July 13, 2011 | Permalink
Kevin Flahaut
Administrator

Wonderful. Thanks for the update.

Posted 12 years ago on Wednesday July 13, 2011 | Permalink

This topic has been resolved and has been closed to new replies.