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.

drop-down list not wide enough

  1. Hi guys,
    There seems to be an issue with how the drop-down list is displaying. The contact form I'm referring to is here: http://nagoya-info.com/events/submit-event/

    The first drop down for venue as you will notice is displaying in the medium width size as I am instructing. For some reason it displays in a small width.

    Can you see the issue?

    Posted 11 years ago on Saturday December 15, 2012 | Permalink
  2. Not sure if you got what I was explaining in my first post my first. Excuse me for posting again.

    The drop down that has "new venue" as the default item is displaying a little strangely when hovered. Even though I have specified a medium length box to display, it shows very narrow and small. Even if I go into the back end and select large for the field size, it still shows small.

    When you then look at the drop downs you see another issue. The coverable grey area goes way out of the box as do some of the longer venue names.

    Using development tools it seems there is some issue with the css.

    [css]
    .gform_wrapper .chzn-container-single .chzn-single span {

    If I increase the margin here to 170px (as a test in the web browser) then everything seems to fit in well.

    Without brute forcing this one with an important css declaration, is there something else I can do?

    Thanks

    Posted 11 years ago on Monday December 17, 2012 | Permalink
  3. David Peralty

    You have to use some CSS to override it and use the important declaration in order to get it to be the way you want.

    Posted 11 years ago on Monday December 17, 2012 | Permalink

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