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

    Css issues after using a theme

    Asked by taro10h on January 20, 2015 at 12:05 PM

    I tried to apply a new template to make my form more colorful. I got what I wanted but the orientation and other width and height messed up.

    My Problem and Question:

    1. How do I check the current css of a form? I am able to inject (adding more) but I don't know how to delete some existing css line?

    2. The !important tag work well with majority of css Tag to overide the current css. However, for textbox width, I can't adjust the size base on CSS

    3. WHen I turn the reponsive feature on. The size of my "Quantity" is shrinked down to an unacceptable size. May I know why?

    That's it for now. Thank you.

     

     

     

     

    Page URL:
    http://form.jotformpro.com/form/50118457563961?

    template problem size height
  • Profile Image

    Answered by Carina on January 20, 2015 at 02:19 PM

    I inspected your form and it does not have injected css, so the css it is applying is from external files that you can find in the header section of your form's source code:

    http://www.jotformpro.com/themes/CSS/54895f9e700cc48d108b4567.css?session=46918757823498&themeRevisionID=54a32c2c25d790b0608b4567 

    A workaround might be using the form's source code and editing the external css files and linking them to the form. We can provide more details if you wish. 

    2. Please try adding the css code:

    .form-textbox {

        width: 100%;

        max-width: 100px;

    }

     

    3. Please try adding the css code:

    .form-spinner {

        height: 34px;

    }

     

    Let us know if we can be of more assistance.