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

  • Profile Image
    Asked on March 10, 2016 at 05:46 PM


    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


  • Profile Image
    Answered on March 10, 2016 at 06: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. 

  • Profile Image
    Answered on March 11, 2016 at 03:59 AM

    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


  • Profile Image
    Answered on March 11, 2016 at 04: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 ";"


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

    Let us know if you need more help on this.