Conflict adding custom CSS to a form with template

What is JotForm?

JotForm is a freeonline form builder which helps you create online forms without writing a single line of code.

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.

Why do you not want to answer this thread?(Your answer will be sent to Jeanette and Aytekin)

Please, if you are still getting the issue, provide us more information, share us a screenshot if is possible.Also, you can share us the link to your specific form, because I've checked all of them, but we need to know the specific for with you are getting the issue.

Thanks.

kathleena

Answered on November 23, 2015 at 05:46 PM

Thank you!...

kathleena

Answered on November 23, 2015 at 06:46 PM

Hi,Here is an example in the one called Title V Strategy Options Survey:https://form.jotform.com/53234521957154I was trying to widen the dropdown box, which is set to zero width in thetheme template.When I increased the pixels, it made it smaller rather than larger. I resetit to zero but it would not go back to its original width.I even tried deleting that question and putting in a new dropdown question,but the new question came in the same narrow way.Thanks...

JotForm Support

Kevin_G

Answered on November 23, 2015 at 08:16 PM

Hi,

Now, I was able to replicate your issue, but after making some tests I was also able to fix it, to do it follow these steps :

1. Go to Designer :

2. Paste this CSS code and save the changes :

[data-type="control_dropdown"] .form-input-wide{

max-width:none;

}

[data-type="control_dropdown"] .form-dropdown{

max-width: none;

}

Now the issue will be fixed, see my result on this link, you also can clone it if you want :

Hi,Thanks for that.I had moved on from that issue by cloning an earlier version, but I wantedyou to know about these problems so that you could prevent them in thefuture.Here is another similar one, that I have not moved past.Just a bit ago, I increased the width of my form and my matrix questionswithin it. The matrix tables got wider, but the form did not. The form issupposed to be 850 px and the matrix questions 750 px, but online, thematrix questions look wider than the form.Here is the link: https://form.jotform.com/53266835324155This form is live and links to it are being sent out now, so I don't wantto mess it up in any way.Thanks,Kathleen...

JotForm Support

Kevin_G

Answered on November 24, 2015 at 05:04 PM

Hi,

That is due to the CSS style from the template you are using,sometimes there is conflict with the style you want to set because there is a property with the !important value, that is why you can not change the width of the fields.It is not with all the templates, but there are some with these properties like the one you are using.

I made some tests in my end with a sample form without any template, I was able to resize the width.

The only way to fix these issues is adding Custom CSS codes as the steps above.

Let us know if you have more questions, we will be glad to assist you.