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

    I received your instructions re: drop down quanity choice missing on our Seder form, to replace CSS code

    Asked by BethDavid on March 30, 2014 at 01:34 PM

    So, we view the Source Code.  The instruction was to replace the CSS code, with the one you provided, HOWEVER, we don't know what part of that humongous souce code we should delete. We need to know what part of that souce code to delete, from where to where, and then would paste the new souce code you provided in there.  Correct?

    Question, is the entire Source Code the CSS code? or is there a specfic part that is considered the specific CSS code for the form.

    Thanks for help!

    Page URL:
    http://www.jotform.com/?formID=40884688953979

    css code source thanks then
  • Profile Image
    JotForm Support

    Answered by abajan on March 30, 2014 at 06:05 PM

    Hi,

    You need to load the form in the form builder (form editor) and then click Preferences button at the top

     

    Just add the padding-right: 130px; declaration to the last rule of your injected CSS. In other words, change

    .form-product-item {
    padding-top: 0;
    padding-bottom: 0;
    }

    to

    .form-product-item {
    padding-top: 0;
    padding-right:130px;
    padding-bottom: 0;
    }

    This is what my colleague EliezerN meant. When done, close the Preferences and save the form. Please make the change and let us know if this helps.

    How to inject CSS


    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on March 30, 2014 at 06:23 PM

    Hi again,

    After cloning your form and making the change to the CSS, I realized that the dropdown selectors needed to be farther to the right. Please make the following change to the first rule:

    .form-product-item .form-sub-label-container {
    top: -4px;
    left: 240px;
    position: absolute;
    }


    Thanks