Margin for specific Static Text and Number fields

Hi,

I would like to format page 6 in my form for a more presentable grouping. This means reducing top/bottom margins for some specific fields.

https://form.jotform.co/70134945517861 

This is what it looks like now:

This is what I want it to look like (I have edited the image):

I have injected this CSS code:

#text_127{margin-bottom:1px !important;}

#text_128, #text_130{

  margin-top:1px !important; 

  margin-bottom:1px !important;

}

#input_129, #input_134{

  margin-top: 1px !important;

  margin-bottom:1px !important;

}

But this hasn't changed anything. How can I get th margins changed?

You can use negative values in the CSS, then add !important declaration to override the existing CSS codes (if there's one):

li#id_127 {

    margin-bottom: -30px !important;

}

li#id_128 {

    margin-bottom: -26px !important;

}

li#id_129 {

    margin-bottom: -26px !important;

}

li#id_132 {

    margin-bottom: -30px !important;

}

li#id_137 {

    margin-bottom: -30px !important;

}

li#id_138 {

    margin-bottom: -30px  !important;

}

li#id_139 {

    margin-bottom: -30px !important;

}

li#id_140 {

    margin-bottom: -30px !important;

}

li#id_146 {

    margin-bottom: 18px !important;

}

Here's the result:

Thank you.