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.

Fixed Dropdown Field Width

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Leo Franken
    Member

    How can I fix the size of the dropdown field in my forms? I noticed they auto size depending on the number of characters in the first field.

    Posted 13 years ago on Tuesday December 13, 2011 | Permalink

  2. Rob Harrell
    Member

    Hey Leo, place this into your theme's stylesheet:

    [css]
body .gform_wrapper .gform_body .gform_fields .gfield select {
width: 200px;
}

    Change the width to whatever value you are looking to have.

    Posted 13 years ago on Tuesday December 13, 2011 | Permalink

  3. Leo Franken
    Member

    Hi Rob, thanks for the info. I tried pasting this at the end of my theme css.php file but it didn't work. Maybe I'm doing something wrong?

    Posted 13 years ago on Thursday December 15, 2011 | Permalink

  4. Rob Harrell
    Member

    Can you provide me a link to your form so I can check it out in better detail.

    Posted 13 years ago on Thursday December 15, 2011 | Permalink

  5. Leo Franken
    Member

    Hi Rob,

    I'm having the same issues. See form here: http://www.spectacleshop.ca/buy/seraphin-pullsbury/
    Same with this form: http://www.spectacleshop.ca/buy-contacts-m/proclear-compatibles/

    I'd also like to have some more space between the title "Step 2: Select Your Lens Type" and the fields above.

    Could you help me out?

    Posted 12 years ago on Thursday February 2, 2012 | Permalink

  6. Rob Harrell
    Member

    Try this out (just added an !important to the width value). The second is for your section spacing:

    [css]
body .gform_wrapper .gform_body .gform_fields .gfield select {
width: 200px !important;
}
body .gform_wrapper form .gform_body li.gsection {
margin-top: 20px !important;
}
    Posted 12 years ago on Thursday February 2, 2012 | Permalink

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