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.

Value selected in dropdown boxes is shortened to 5px in IE and Chrome

  1. I've had the registration form working with Classipress theme on a new site for several weeks. I updated Classipress theme to 3.2 yesterday and I've had a few issues to deal with as it has changed the way its default regisration works, but I've got it all set up fine now, except one thing.

    In IE and Chrome, the selected value in all the dropdown boxes for the custom fields is always shortened to 5px. In Firefox it is always 208px.

    Inspecting the code in FF, one dropdown value is:
    <span class="selectBox-label" style="width: 208px;">United Kingdom</span>

    In Chrome it is:
    <span class="selectBox-label" style="width: 5px;">United Kingdom</span>

    The other forms being used such as a contact form which also has a dropdown box works fine in all three browsers. The Classipress template being used on both forms is the same, default template.

    Can anyone tell me where this style="width: 5px; or 208px is set or driven from? I think it is within the Gravity Forms html for the form, but I can’t work out where.

    Or tell me how to fix this?

    Any suggestions very gratefully received.

    Posted 12 years ago on Wednesday November 21, 2012 | Permalink
  2. Please provide a link to the page on your site where we can see this form. We can help you with the CSS at that point. Thank you.

    Posted 12 years ago on Thursday November 22, 2012 | Permalink
  3. The site is here http://www.y2s.co.uk. It's under password protection at the moment,
    Username y2sy2s
    Password P1nk.G3raniums

    The registration form is here http://www.y2s.co.uk/dashboard/register/

    Posted 12 years ago on Sunday November 25, 2012 | Permalink
  4. Line 176 in your theme's style.css has "overflow:hidden;" for ".selectBox-label". Disabling that rule allows the full values in the drop downs to be visible. You can remove that from the theme stylesheet or can override it with a more specific rule added to the end of style.css, with "overflow:visible;".

    Posted 12 years ago on Monday November 26, 2012 | Permalink
  5. Thank you very much indeed, that works perfectly now.

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink
  6. You're welcome.

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink

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