Layout Help « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

asiri
Member

Hi -- I am having issues with the layout on my form. At the top, I am trying to put fields 2 and 3 columns using the Ready Classes defined in the documentation. The last field is dropping below where it should be. Also at the bottom, I am using the gf_inline class to line up the date needed through loading dock fields. I need the 2nd Date Needed and subsequent fields on the next line. Is there a way to add a line break?

Here is the form in development -
http://301brannan.com/test/building-information/building-forms/

I would appreciate any assistance. Thank you!

Posted 11 years ago on Tuesday February 5, 2013 | Permalink
Chris Hajer
Key Master
The issue is that your theme is adding 20px of left margin to all list items. See line 990 in your theme's style.css:
```
[css]
/* Line 990 */
#content .post ul li, #content .page ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
	}
```
You can override that and get closer to your desired result by adding this CSS to the same style.css stylesheet:
```
[css]
body #content .gform_wrapper form ul li {
    margin-left:0;
}
```
That got the fields on the same line as you expected them, in my test.

Screenshot: http://minus.com/lbpGE358FR5Po5
Posted 11 years ago on Tuesday February 5, 2013 | Permalink
asiri
Member

Thank you!! This worked.

Posted 11 years ago on Tuesday February 5, 2013 | Permalink
Chris Hajer
Key Master

You're welcome.

Posted 11 years ago on Tuesday February 5, 2013 | Permalink

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