Word wrapping looks different in Advanced CSS Designer, Builder and Preview

  • Metelski
    Asked on June 4, 2019 at 10:39 AM

    I have this field that I edited in CSS and have it looking the way I would like in CSS but when I go back to the form builder it looks different and then when I preview it looks different as well. How can I get the field looking like in the Advanced CSS?

    Jotform Thread 1845796 Screenshot
  • denis_calin Jotform Support
    Replied on June 4, 2019 at 12:14 PM

    Hi @Metelski!

    I was able to replicate the issue you are experiencing. Please insert the following CSS code into the form by clicking on Form Designer (the Paint Roller button)>CSS. You can scroll down and paste it at the bottom:

    #label_uploadThe {

      width: 500px !important;

    }

    Please let me know if you have any other questions.

  • Metelski
    Replied on June 10, 2019 at 5:05 PM

    I inserted the code but still experiencing the same issue, I have tried the code you provided as well as. I forgot to mention I would like the preview to look like the advanced CSS png.  

    #cid_35 div.form-sub-label {

        width : 500px !important;

    }

    Thank you

  • denis_calin Jotform Support
    Replied on June 10, 2019 at 5:17 PM

    You are welcome @Metelski!

    I do believe that the proper ID for that element is #label_input35.

    I have adjusted the CSS code on your form and it seems to be working. Please let us know if it stops working or if you have any other questions.

  • Metelski
    Replied on June 10, 2019 at 5:20 PM

    Yes I saw that, thank you.