Issues with adding fields on one line

  • Profile Image
    Asked on February 03, 2016 at 06:46 PM



    I hope someone can help me with my issues. I have several things I need to accomplish and am unable to figure out. 

    1. I would like to decrease the space between the subheading and the fields

    2. I have one product that needs 3 dropdown boxes to accommodate the choices it offers. I have shrunk the field, then duplicated the dropdowns, then merge the 2nd box to the first. However, I cannot get the third dropdown box to move to the same line as the others. There isn't an option to merge - only move up which doesnt accomplish what I am trying to achieve. The form should be plenty wide enough to do this.

    3. I need to decrease the space between the other options. I have tried to adjust the padding and margins - all to no avail. 

    4. I would also like to get rid of the drop shadow around the whole form- I believe the style for that is called formall. Not sure how to achieve this.

    5. This form is being embedded on a responsive website. I need the form to fill the entire width of the webpage. I have tried setting the width to a width and also tried to set it at 100%. It doesn't seem to work. The form sits in the center of my page and doesn't fill the page.

    Thanks in advance for any assistance you can provide!




  • Profile Image
    Answered on February 04, 2016 at 04:44 AM

    You can inject the following css to fix the alignment of the form:


    padding-bottom: 0px!important;



    #id_27, #id_39, #id_40, #id_31, #id_32,  #id_41 {









    .form-all {

    box-shadow: 0!important;

    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;




    How to Inject Custom CSS Codes