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.

Select field too short, help targeting CSS

  1. Hi,

    I can't seem to target the right thing here, using Firebug.

    http://physicianfamily.com/newsletter/

    The specialty select field is too small to show the entire word, it looks like I need to target <select id="input_3_4" class="medium gfield_select" tabindex="4" name="input_4"> but I'm not sure how, can I have some help?

    Thank you!

    Posted 7 years ago on Friday March 15, 2013 | Permalink
  2. Try something like this in your theme's stylesheet:

    [css]
    body #gform_wrapper_4 select {
    	height: 38px;
    	width: 425px;
    	margin-left: 10px;
    	padding: 5px;
    }
    Posted 7 years ago on Sunday March 17, 2013 | Permalink
  3. Is this only for this form, or all forms? I have a few that have this issue, well all of them with a dropdown.

    -r

    Posted 7 years ago on Monday March 18, 2013 | Permalink
  4. David Peralty
    Administrator

    That example was for the form with an ID of 4. You can change it to body .gform_wrapper select to have it apply to all forms.

    Posted 7 years ago on Monday March 18, 2013 | Permalink