sub label text wrapping

  • Profile Image
    UoNSU
    Asked on July 05, 2013 at 08:04 AM

    hi

    I am trying to wrap sub label tect using custom css.  This works for the first long sub label I have and not for any of the subsequent sub labels.  
    Please can you tell me what I'm dong wrong?? 

  • Profile Image
    KadeJM
    Answered on July 05, 2013 at 10:22 AM

    Hi, I took a quick glance at your CSS and it looks like you are trying to break it up some and make the font a different color and size? Is that correct or could you please provide us with further details about exactly what you are trying to do so we can better assist you?

  • Profile Image
    UoNSU
    Answered on July 05, 2013 at 10:33 AM

    i am trying to make the sub label text larger and white - hat is working across the form. I just want the text to wrap on all the sub labels rather than disappearing off the page

  • Profile Image
    jefreylandicho
    Answered on July 05, 2013 at 11:20 AM

    Please try using the CSS code below

    .form-sub-label {
    width:600px;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    }

    You can also wrap it with the code below

    .form-sub-label-container {
    display:block;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    }

    Note that it would also affect the calender as it uses a sub label for its year month and date text