aligning the multiple choice with question

Gravity Support Forums » Plugin Support » Gravity Forms

jruffer
Member

I would like to move the Yes/No choice up to save some space.
http://test.epaymentamerica.com

Posted 12 years ago on Monday August 1, 2011 | Permalink
jruffer
Member

I guess I should say I need it to line up on the widget. I am to using this as a post form.

Posted 12 years ago on Monday August 1, 2011 | Permalink
Chris Hajer
Key Master
Hello. You can add this to the custom.css of your WooTheme:
```
.home-right .widget .gform_wrapper ul.gfield_checkbox,
.home-right .widget .gform_wrapper ul.gfield_radio {
	clear:none;
}
```
That will override the default clear:both rule that's being applied by the WooTheme to all the ul items.

To save a little more space, you can also use the gf_list_inline CSS ready class to get the yes and no lined up side by side. You add that in the form editor, on the advanced tab for your field.

Screenshot of where to add the gf_list_inline:
http://minus.com/mdU7bel#2

What is looks like in the preview (horizontal instead of vertical):
http://minus.com/mdU7bel

You can read more about the CSS ready classes here:
http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

Let us know if you need any more help.
Posted 12 years ago on Monday August 1, 2011 | Permalink
jruffer
Member

I added this in the chrome.css but It still didnt move it up? Thank you for the GF code that ROCKED!

Posted 12 years ago on Monday August 1, 2011 | Permalink
jruffer
Member

Basically I am trying to get rid of all the unused space between each object.

Posted 12 years ago on Monday August 1, 2011 | Permalink
Chris Hajer
Key Master
I'm not sure if it will work in chrome.css or not but you can certainly try it.

The problem is you moved it to a different area of the homepage. The CSS I gave you was based on it being in the .home-right div. You now have it in the .home-center div. Just change .home-right to .home-center in your chrome.css and see if that works. If you don't want to be that specific and just want to target the form when it's in a widget, remove that first part of the declaration, on both lines, to just start with .widget. It would look like this when you're done.
```
.widget .gform_wrapper ul.gfield_checkbox,
.widget .gform_wrapper ul.gfield_radio {
	clear:none;
}
```
Glad you like the CSS ready class for inline list items.
Posted 12 years ago on Monday August 1, 2011 | Permalink