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

  • Profile Image
    BethDavid
    Asked 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!

  • Profile Image
    abajan
    Answered 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
    abajan
    Answered 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