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.

Text wrapping issue

  1. markbm
    Member

    On my page at http://www.theecommercestartup.com/success-story-questionnaire/ , all of the field labels are wrapping instead of being same width as form field... Like this

    http://screencast.com/t/q98T5dTIE

    Checked in the form edit screen and there are no
    s or anything like that... Any idea what might be causing this/how to fix?

    Posted 6 years ago on Friday July 27, 2012 | Permalink
  2. the problem is coming from a custom rule in your themes style.css file (line 535) sets a 100px width on your labels..

    [css]
    .gform_wrapper .top_label .gfield_label {
        display: block;
        margin: 5px 0 4px !important;
        padding-right: 20px;
        width: 100px;
    }

    remove that width property and the wrapping won't occur.

    screenshot: http://grab.by/f12k

    Posted 6 years ago on Friday July 27, 2012 | Permalink
  3. markbm
    Member

    Did that... Cleared my browser cache, and still looks like i'm having issue:

    http://screencast.com/t/bcYSe9mx

    Posted 6 years ago on Friday July 27, 2012 | Permalink
  4. I'm still seeing the width being applied.

    screenshot: http://grab.by/f14W
    screenshot: http://grab.by/f14I

    Are your sure you're editing the right file? If not, you should contact the WooThemes support team for some guidance. The issue is originating from the custom styles in your theme.. you just need to make sure you remove it or modify it in the correct place so the change is applied properly.

    Posted 6 years ago on Friday July 27, 2012 | Permalink