Please Note: We are no longer using forums to facilitate standard support. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

aligning the multiple choice with question

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

    Posted 4 years ago on Monday August 1, 2011 | Permalink
  2. I guess I should say I need it to line up on the widget. I am to using this as a post form.

    Posted 4 years ago on Monday August 1, 2011 | Permalink
  3. 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 4 years ago on Monday August 1, 2011 | Permalink
  4. I added this in the chrome.css but It still didnt move it up? Thank you for the GF code that ROCKED!

    Posted 4 years ago on Monday August 1, 2011 | Permalink
  5. Basically I am trying to get rid of all the unused space between each object.

    Posted 4 years ago on Monday August 1, 2011 | Permalink
  6. 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 4 years ago on Monday August 1, 2011 | Permalink

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only