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

  1. 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 10 years ago on Tuesday December 13, 2011 | Permalink
  2. 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 10 years ago on Tuesday December 13, 2011 | Permalink
  3. 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 10 years ago on Thursday December 15, 2011 | Permalink
  4. Can you provide me a link to your form so I can check it out in better detail.

    Posted 10 years ago on Thursday December 15, 2011 | Permalink
  5. 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 10 years ago on Thursday February 2, 2012 | Permalink
  6. 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 10 years ago on Thursday February 2, 2012 | Permalink

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