CSS code problem - wrapping text in columns

  • Profile Image
    alg211
    Asked on July 09, 2012 at 11:25 PM

    Hi

    I am having a bit of a problem with my CSS code. My form is currently in two columns, and I have been using CSS to make sure the question labels wrap above their text fields at a set width. I have been using this CSS:

    }#label_278 {
    width: 250px! important;
    }#label_279 {
    width: 250px! important;
    }

    Unfortunately though I'm finding though that although it looks fine when editing the form, when you go to the live version they text is not wrapping as it should.

    What am I doing wrong?

    Thanks!

     

  • Profile Image
    liyam
    Answered on July 09, 2012 at 11:37 PM

    Hello alg211.  Can you tell us on which page you can find this label_278 so we can take a look at it?

    Thanks.

  • Profile Image
    alg211
    Answered on July 09, 2012 at 11:40 PM

    http://www.jotform.co/form/21767492287870  - in the middle of the form (sections 5, 6, 7, 8)

  • Profile Image
    liyam
    Answered on July 09, 2012 at 11:56 PM

    Thank you for the details.

    This is how it looks like when I'm viewing the form (via firefox, opera, chrome, IE8 except that in IE there appears a scroll on the text area but the label wraps as well):

    Can you try clearing your browser's cache and try again if it wraps properly from your browser's view? 

    If clearing your browser's cache does not work: Can you tell us what browser you're using?  It would also be great if you can provide us a screenshot and point to us the issue that you're seeing on your end

    Thanks.

  • Profile Image
    alg211
    Answered on July 10, 2012 at 01:17 AM

    Yes thanks, it must have been the cache, sorry.

  • Profile Image
    liyam
    Answered on July 10, 2012 at 02:49 AM

    No worries, alg211.

    We'll always be here to help if you have problems or concerns.