Gravity Forms CSS Woes « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

silversentinel
Member

Hi hello everyone,

I'm new to gravity forms. In fact I only heard about it 2 days ago. Am using v1.5rc4.2

I tried to create a form at http://noblemaids.com/request-for-maid/
using the
gf_left_half gf_right_half for Name & Nationality, Email & Phone
gf_left_third gf_middle_third gf_right_third for Residence, No. of Rooms & Locality
etc

If I try to submit the form without filling in, the validation css actually puts Email & Phone on the same line etc. Some other fields will still be out of place.

Can any bright minds please enlighten me on how I should resolve the issue?
Your help is really much appreciated.

Thank you!

Posted 13 years ago on Wednesday March 9, 2011 | Permalink
Kevin Flahaut
Administrator
The problem is inheritance from your theme styles. Line 252 of your theme's style.css sets a left padding on all list items in the content section. That's causing the size discrepancy and the odd floating of the fields.
```
#content ul li {
    background: url("images/list.gif") no-repeat scroll 5px 7px transparent;
    padding: 0 0 0 25px;
}
```
if you turn that off, you'll see the formatting looks correct.

screenshot: http://grab.by/9nwE

Try adding this to the end of your theme stylesheet and it should override that rule.
```
#content .gform_wrapper ul li {
    padding: 0;
}
```
Posted 13 years ago on Wednesday March 9, 2011 | Permalink
silversentinel
Member

Whoa it worked! You're amazing.

Thanks for your sharp eye and assistance Kevin!

Posted 13 years ago on Wednesday March 9, 2011 | Permalink
Kevin Flahaut
Administrator

My pleasure. I'm glad that got you fixed up. Thanks for the update.

Posted 13 years ago on Wednesday March 9, 2011 | Permalink

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