Help lining up fields with CSS.

  • RFOneVision
    Asked on February 12, 2018 at 4:53 PM

    I have received some assistance to line these fields up, but as I couldn't add a new screen shot to my previous question, I've started a new question.

    I haven't been able to reduce the space between 'Offsite'; 'Linen'; and 'Share' questions without impacting the nice close alignment of the 'Aged' rows. Can you help?

    I'd also like the Catering labels to be much closer to the next two rows. Is that possible?

    And possibly a little more space between 'Share' and the next label row.

    Thanks

    Jotform Thread 1382012 Screenshot
  • Jed_C
    Replied on February 12, 2018 at 6:54 PM

    In this form http://www.jotform.co/form/80386732129864, try adding the CSS below at the bottom of your CSS codes.

    #label_97, #label_94{

      display: none !important;

    }

    #id_94{

      padding-bottom: 20px !important;

    }

    #input_105{

       position:absolute !important;

       top: 5px;

       left: 26px;

    }

    #input_106{

       position:absolute !important;

       top: 5px;

       left: 39px;

    }

    #input_107{

       position:absolute !important;

       top: 5px;

       left: 49px;

    }

    #input_108{

       position:absolute !important;

       top: 5px;

       left: 53px;

    }

    It should look like in the screenshot below:

    1518479644The Easiest Online Form Builde Screenshot 10

    Let me know how it goes.