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.


  • Profile Image

    Conflict adding custom CSS to a form with template

    Asked by kathleena on November 23, 2015 at 02:55 PM
    survey publish Make in
  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 23, 2015 at 04:50 PM

    Hi,

    I've checked the revision history of your forms and I can see all the changes saved, you can also do it, follow this guide :

     http://www.jotform.com/help/294-How-to-View-Form-Revision-History

    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.

  • Profile Image

    Answered by kathleena on November 23, 2015 at 05:46 PM
    Thank you!
    ...
  • Profile Image

    Answered by kathleena 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/53234521957154
    I was trying to widen the dropdown box, which is set to zero width in the
    theme template.
    When I increased the pixels, it made it smaller rather than larger. I reset
    it 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
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G 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 : 

    https://form.jotform.com/53267699617977

    Let us know if it works.

    Thanks.

  • Profile Image

    Answered by kathleena on November 24, 2015 at 03:46 PM
    Hi,
    Thanks for that.
    I had moved on from that issue by cloning an earlier version, but I wanted
    you to know about these problems so that you could prevent them in the
    future.
    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 questions
    within it. The matrix tables got wider, but the form did not. The form is
    supposed to be 850 px and the matrix questions 750 px, but online, the
    matrix questions look wider than the form.
    Here is the link: https://form.jotform.com/53266835324155
    This form is live and links to it are being sent out now, so I don't want
    to mess it up in any way.
    Thanks,
    Kathleen
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G 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.

    Regards.