What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Designer: Why does my label width not stay the same when I come out of designer?Asked by tracyalexander 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
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.
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
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: https://form.jotform.com/60701522692956. I guess 400px is too long.
Let us know if you need more help on this.