PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. 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.

CSS Positioning help (Kevin?)

Gravity Support Forums » Plugin Support » Gravity Forms

  1. RobertLBasil
    Member

    Kevin,

    After reading over the old thread of yours on CSS positioning of the form fields I've been trying in vain to postion my form. ie:

    Level 1
    1 1 1

    Level 2
    1 1 1
    2 2 2
    3 3 3

    But for some reson the second level is giving me problems. Anyone care to give me some ideas?

    Here is the form URL:
    http://www.plexusresourcecenter.com/business-builder-challenge-worksheet/

    Here is my current CSS for the form.

    #gform_wrapper_1 #field_1_2, #gform_wrapper_1 #field_1_3 {float:left; width:34%;}
#gform_wrapper_1 #field_1_5, #gform_wrapper_1 #field_1_6 {float:left; width:34%;}
#gform_wrapper_1 #field_1_8, #gform_wrapper_1 #field_1_9 {float:left; width:34%;}
#gform_wrapper_1 #field_1_11, #gform_wrapper_1 #field_1_12 {float:left; width:34%;}

    Thanks!

    Posted 13 years ago on Wednesday July 28, 2010 | Permalink

  2. Kevin Flahaut
    Administrator

    Looks like you applied the float in a couple of the wrong places.. to your HTML block, etc. You want to float the first 2 list items in the row, and not the third so it clears the float and starts a new row.

    Try this.. should work better.

    #gform_wrapper_1 #field_1_2, #gform_wrapper_1 #field_1_3, #gform_wrapper_1 #field_1_6, #gform_wrapper_1 #field_1_7, #gform_wrapper_1 #field_1_9, #gform_wrapper_1 #field_1_10, #gform_wrapper_1 #field_1_9, #gform_wrapper_1 #field_1_10, #gform_wrapper_1 #field_1_12, #gform_wrapper_1 #field_1_13 {float:left; width:33%;}

    Since you're re-setting your container width and the inputs are a percentage of that, you'll probably want to go to the admin and set the field widths to "large" on those to compensate.

    Posted 13 years ago on Thursday July 29, 2010 | Permalink

  3. RobertLBasil
    Member

    That did it, thanks Kevin!

    Posted 13 years ago on Thursday July 29, 2010 | Permalink

  4. Kevin Flahaut
    Administrator

    Super. Thanks for the update Robert.

    Posted 13 years ago on Thursday July 29, 2010 | Permalink

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