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

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!

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

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