Designer: Why does my label width not stay the same when I come out of designer?

  • tracyalexander
    Asked on March 10, 2016 at 5:46 PM

    Hi

    Using the CSS Code in the designer I make some of my labels wider and it looks great, but when I come out of the designer my form has not updated?

    I have pressed save while in the form designer

    Thank you

    Tracy

  • Kevin Support Team Lead
    Replied on March 10, 2016 at 6:49 PM

    I have tested and it is working on my end, I'm able to increase the width of the labels on the Designer and when previewing and closing the tool the width is still the same that I have set. 

    How are you changing the width? 

    Could you please share us the link to your form? 

    We will take a look on it, we will wait for your response. 

  • tracyalexander
    Replied on March 11, 2016 at 3:59 AM

    https://form.jotformeu.com/60675308484361

    Here is the link to my form.

    I am going into the designer and the css tab.  I double click on the label I want to change, then click on the width button and input my width (400) it then changes on the form and I press save but when I come out of designer the field is unchanged.

    Am trying to change the child membership label so the text is on one line

    Thanks 

  • Charlie
    Replied on March 11, 2016 at 4:09 AM

    It seems like the width 400px is quite too long? When you used custom CSS code, it would be best to insert !important tag on it, the reason is that the form has it is own styling, if you implement a theme that may also confused it. So to give priority order in the styling of forms, we add !important on it. We're telling the browser that this is the priority styling of this element.

    I cloned your form and I see the CSS code, simply add !important before the ";"

    Designer: Why does my label width not stay the same when I come out of designer? Image 1 Screenshot 20

     

    Here's my cloned form to see how it looks like: https://form.jotform.com/60701522692956. I guess 400px is too long. 

    Let us know if you need more help on this.